首页 >web前端 >html教程 >X-UA-Compatible 没卵用啊,是我理解错误还是和系统有关系_html/css_WEB-ITnose

X-UA-Compatible 没卵用啊,是我理解错误还是和系统有关系_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:34:071218浏览

配置:win10 , ie11,chrome 46.0.2490.71 

<!DOCTYPE html><html><head>    <title> CSS 测试 </title>     <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">    <meta name="viewport" content="width=device-width, initial-scale=1">    <meta name="renderer" content="webkit">     <meta name="author" content="llm" />     <style>        .box{width:200px;height: 200px;display: block;margin:50px auto;}        .ie{            background: #000;/*nomal*/            background: #c40000\9;/*ie7,8,9,10*/            background: #ff8931\9\0;/*ie8,9,10*/            background: #0000ff\0/;/*ie8*/            +background: #00ff00;/*ie7*/            _background: #ff0000;/*ie6*/            border:2px solid #378fc7 !important;             border:2px solid #ff8931;            border-radius: 5px;        }    </style></head><body>        <div class="box ie"> </div>    </body></html>


按照道理设置了X-UA-Compatible  在IE8里面 DIV应该有圆角啊,然而什么都没有啊
该如何理解X-UA-Compatible 呢 怎么让 IE6,7,8支持圆角


回复讨论(解决方案)

额,圆角在IE9和IE9+才显示的,你如果要IE低版本显示圆角,用圆角图片设为背景才可以跨兼容性
只是强制以IE9标准模式渲染页面,chrome=1则可以激活Chrome Frame

额,圆角在IE9和IE9+才显示的,你如果要IE低版本显示圆角,用圆角图片设为背景才可以跨兼容性
只是强制以IE9标准模式渲染页面,chrome=1则可以激活Chrome Frame


已经强制以IE9标准模式渲染页面了,是不是当前浏览器相当于IE9了,那圆角在IE9里面是可以显示的呀


额,圆角在IE9和IE9+才显示的,你如果要IE低版本显示圆角,用圆角图片设为背景才可以跨兼容性
只是强制以IE9标准模式渲染页面,chrome=1则可以激活Chrome Frame


已经强制以IE9标准模式渲染页面了,是不是当前浏览器相当于IE9了,那圆角在IE9里面是可以显示的呀

强制IE浏览器在以IE9标志模式渲染页面了,那在IE版本在IE9以下呢,浏览器肯定是越新支持的东西越多,所以强制了也没用,IE8还是以IE8模式渲染页面,IE9才有的CSS模块,IE8就是不支持,现在懂了吧



额,圆角在IE9和IE9+才显示的,你如果要IE低版本显示圆角,用圆角图片设为背景才可以跨兼容性
只是强制以IE9标准模式渲染页面,chrome=1则可以激活Chrome Frame


已经强制以IE9标准模式渲染页面了,是不是当前浏览器相当于IE9了,那圆角在IE9里面是可以显示的呀

强制IE浏览器在以IE9标志模式渲染页面了,那在IE版本在IE9以下呢,浏览器肯定是越新支持的东西越多,所以强制了也没用,IE8还是以IE8模式渲染页面,IE9才有的CSS模块,IE8就是不支持,现在懂了吧
好像懂了,万恶的IE啊
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn