css - IE9 通过内联样式将背景图像设置为 "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 中安装静态内容(在服务器 Angular 色下)，因为某些奇怪的原因默认情况下未安装它。我敢打赌你正在使用 IIS。

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

我通过执行以下操作让它工作:

• 删除#framePos img{ 显示:无； 来自 styles-ie.css
• 删除 unitpngfix.js - png 过滤器修复是针对 ie6 的，在 ie9 上没有任何作用(这实际上是框架不显示的原因之一)

注意:frame.png 图片作为背景放置在很多地方，因此您应该考虑稍微清理一下 css 文件

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