ホームページ > 記事 > ウェブフロントエンド > X-UA-互換は役に立たないのですか、それは私の誤解ですか、それともsystem_html/css_WEB-ITnoseと関係がありますか。
X-UA-互換は役に立たないのですか、それは私の誤解ですか、それともsystem_html/css_WEB-ITnoseと関係がありますか。
- WBOYオリジナル
- 2016-06-24 11:34:071199ブラウズ
配置：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低版本显示圆角，用圆角图片设为背景才可以跨兼容性
78d8dba331eb4dbad251c7494a5272fe只是强制以IE9标准模式渲染页面，chrome=1则可以激活Chrome Frame
额，圆角在IE9和IE9+才显示的，你如果要IE低版本显示圆角，用圆角图片设为背景才可以跨兼容性
78d8dba331eb4dbad251c7494a5272fe只是强制以IE9标准模式渲染页面，chrome=1则可以激活Chrome Frame
已经强制以IE9标准模式渲染页面了，是不是当前浏览器相当于IE9了，那圆角在IE9里面是可以显示的呀
额，圆角在IE9和IE9+才显示的，你如果要IE低版本显示圆角，用圆角图片设为背景才可以跨兼容性
78d8dba331eb4dbad251c7494a5272fe只是强制以IE9标准模式渲染页面，chrome=1则可以激活Chrome Frame
已经强制以IE9标准模式渲染页面了，是不是当前浏览器相当于IE9了，那圆角在IE9里面是可以显示的呀
强制IE浏览器在以IE9标志模式渲染页面了，那在IE版本在IE9以下呢，浏览器肯定是越新支持的东西越多，所以强制了也没用，IE8还是以IE8模式渲染页面，IE9才有的CSS模块，IE8就是不支持，现在懂了吧
额，圆角在IE9和IE9+才显示的，你如果要IE低版本显示圆角，用圆角图片设为背景才可以跨兼容性
78d8dba331eb4dbad251c7494a5272fe只是强制以IE9标准模式渲染页面，chrome=1则可以激活Chrome Frame
已经强制以IE9标准模式渲染页面了，是不是当前浏览器相当于IE9了，那圆角在IE9里面是可以显示的呀
强制IE浏览器在以IE9标志模式渲染页面了，那在IE版本在IE9以下呢，浏览器肯定是越新支持的东西越多，所以强制了也没用，IE8还是以IE8模式渲染页面，IE9才有的CSS模块，IE8就是不支持，现在懂了吧
好像懂了，万恶的IE啊