IE9 和IE10 兼容性判断及效果

最新推荐文章于 2021-06-05 14:06:13 发布

weixin_38170862

最新推荐文章于 2021-06-05 14:06:13 发布

阅读量221

点赞数

原文链接：http://www.cnblogs.com/shapaozi/p/9634321.html

版权

IE9及一下使用写法

IE10最好使用媒体查询的方式进行判断

<!DOCTYPE html>
<html>
<head>
<meta content=IE=edge,chrome=1 http-equiv=X-UA-Compatible  charset="utf-8"/>
<!--[if IE 8]> 仅IE8可识别 
      <style>
        .d1{
        width:100px;
        height:100px;
        background:yellow;
        }
       </style>
    <![endif]-->

<!--[if IE 9]> 仅IE9可识别 
      <style>
        .d1{
        width:100px;
        height:100px;
        background:blue;
        }
       </style>
    <![endif]-->

    <!-- 对IE10判断 IE10不再提供<！--[if IE 9]> 写法的判断 媒体查询@media--> 
    <style>
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
　　　　/*and后要有空格*/

        .d1{
        width:100px;
        height:100px;
        background:red;
        }
    }
    </style>

</head>
<body>
<div class="d1"></div>
</body>
</html>

IE10显示

转载于:https://www.cnblogs.com/shapaozi/p/9634321.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_38170862

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE9 和IE10 兼容性判断及效果

IE9及一下使用写法IE10最好使用媒体查询的方式进行判断<!DOCTYPE html><html><head><meta content=IE=edge,chrome=1 http-equiv=X-UA-Compatible c...
复制链接

扫一扫