IE9 通过内联样式将背景图像设置为“无”

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 将 frame.png 替换为 clear.gif 并在每个 png 元素上放置透明度过滤器。所以在你删除 js 之前，对 css 的修补不会做任何事情。