0

我正在使用Crossrider开发跨浏览器扩展。该扩展将Twitter Bootstrap的CDN 托管版本注入页面，并将其用作扩展注入的许多组件的样式的基础。到目前为止，我已经在 Google Chrome、Mozilla Firefox 和 Internet Explorer 上测试了这个扩展。

像往常一样，Chrome 和 Firefox 渲染组件没有问题。但是，IE9 对注入的组件的样式非常糟糕。比较页面的外观：Google Chrome和它在 IE9 中的呈现方式：Internet Explorer。

有谁知道为什么 IE 渲染组件的效果这么差？在 IE9 上访问 Bootstrap 网站，一切正常。

感谢您的时间。

4

1 回答 1

1

正如评论中所讨论的，该页面以 IE7 模式呈现，该模式不支持 Twitter 引导程序使用的大部分 CSS3 属性。

您可以使用 X-UA-compatibility 元元素告诉 IE9 使用稍后的呈现模式。以下文章 [0] 对此进行了解释。

[0] http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx

例如，<meta http-equiv="x-ua-compatible" content="IE=9" >强制 IE9 标准模式。值edge强制最新版本。

于 2013-01-24T19:40:30.077 回答