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

WBOY
Release: 2016-06-24 11:34:07
Original
1198 people have browsed it

配置: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>
Copy after login


按照道理设置了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啊
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template