【问题标题】:<meta http-equiv="X-UA-Compatible" content="IE=8" /> working with webkit?<meta http-equiv="X-UA-Compatible" content="IE=8" /> 使用 webkit?
【发布时间】:2011-01-20 01:44:41
【问题描述】:

我问这个问题是因为我目前无法测试它。

是否可以使 iexplorer 8 webkit(基于 css 的圆角)与以下元标记兼容?

<meta http-equiv="X-UA-Compatible" content="IE=8" />

任何信息都会很棒!

【问题讨论】:

  • IE 8 使用 Trident,而不是 WebKit。
  • 这不是让 webkit 兼容的方法吗?
  • 不,这是一种强制 IE8 进入“标准模式”并禁用浏览器中的兼容性视图按钮的方法。

标签: css webkit cross-browser


【解决方案1】:

不,不可能使 Internet Explorer 8 使用上述 &lt;meta&gt; 标记跟随 -webkit CSS 属性。

Internet Explorer 8 使用 Trident 作为其渲染引擎,而不是 Webkit。因此,您不能让它以 Webkit 的方式呈现页面。

上面的&lt;meta&gt; 标记是强制​​ Internet Explorer 8 及更高版本使用 Internet Explorer 8 的呈现代码呈现页面。

事实上,使用这个标签会阻止border-radius from working in Internet Explorer 9,因为它会告诉Internet Explorer 9 像Internet Explorer 8 一样呈现页面(不支持border-radius)。


但是,您可以使用 JavaScript 解决方案(例如 CurvyCorners)来“添加”对 border-radius CSS3 属性的支持,直到 Internet Explorer 9 is released。请注意,虽然这是 border-radius 在不受支持的浏览器中的近似行为,但它可能会导致其他无法预料的问题。

【讨论】:

  • Chrome Frame 可以。
猜你喜欢
  • 2013-11-09
  • 1970-01-01
  • 2012-09-05
  • 1970-01-01
  • 2017-03-09
  • 2014-04-25
  • 2012-05-13
  • 2012-03-04
相关资源
最近更新 更多