Home >Web Front-end >HTML Tutorial >X-UA-Compatible 没卵用啊，是我理解错误还是和系统有关系_html/css_WEB-ITnose

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

WBOYOriginal: 2016-06-24 11:34:071232browse

配置：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了，那圆角在IE9里面是可以显示的呀

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

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

Statement：

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

Previous article：关于置换和非置换元素_html/css_WEB-ITnoseNext article：CSS基础学习六：id选择器_html/css_WEB-ITnose

See more

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

回复讨论(解决方案)

Related articles