IE9通过内联样式将background-image设置为“none”

Question

我目前正在处理的网站是http://rattscallion.com/我正致力于让网站在IE中看起来正常。

我在页面上获取框架时遇到了问题（请先查看/murals.html我正在处理的页面）。 IE9表示内联式表示背景图像是“无”，因此它划掉了原始背景图像。我想它可能是从主样式表上的某个地方得到的，所以我做的是创建一个只存在于IE中的新框架，并仅在IE样式表中设置样式。不幸的是，这也行不通......它仍然说内联式将背景图像设置为“无”，但没有这样的东西！

我仔细检查过，这是在IE9标准模式下发生的。那为什么会这样呢？任何人都可以帮助弄清楚如何“强迫”IE浏览器认为的内联风格？

Answer 1

那就是你的问题：

CSS was ignored due to mime type mismatch 
normalize.css

如果检查网络调用，则接收normalize.css为text / plain而不是text / css。您应该在IIS中安装静态内容（在服务器角色下），因为它有一些奇怪的原因，默认情况下它没有安装。我打赌你正在使用IIS的全部美元。

您可以将normalize.css复制粘贴到服务器端css文件中，这样就不会远程访问它。

我通过以下方式开展工作：

• 从styles-ie.css
中删除#framePos img{ display: none; }
• 删除unitpngfix.js - png过滤器修复用于ie6并且在ie9上没有用处（它实际上是框架未显示的原因之一）

注意：frame.png图片作为背景放在很多位置，所以你应该考虑清理一下css文件

另一个注意事项：unitpngfix.js用clear.gif替换frame.png并在每个png元素上放置透明度过滤器。因此，在删除js之前，修补css将不会执行任何操作。