css - 使用内联样式更改 IE8 页面元素？

Question

由于 IE8 不能很好地处理 PNG 24 透明度，我决定取消我的 PNG 容器 div 的背景图像，以便背景与我的 PNG 的背景相匹配。

基本上，我想摆脱 IE8 或更早版本浏览器中#myDiv 的背景图像。

在我的页面标题中，我使用：

<!--[if lte IE 8 ]>    <style>
#myDiv{margin-top:20px;}
#myDiv{background-image: none;}
</style> <![endif]-->

更改 margin-top 效果很好（以及我为 IE8 所做的所有其他调整）。然而，无论我尝试什么，背景图像仍然出现！在我的外部样式表中没有摆脱它，我似乎无法让它不出现。

事实上，当页面加载时，看起来代码最初摆脱了它，但它又回来了。我认为内联样式总是胜过外部样式表。我错了吗？

我检查了我的 css @media 东西，里面没有任何东西可以把它带回来。我清除了浏览器缓存并刷新。还在那里。

任何人都知道为什么#myDiv 的背景图片不断出现？

编辑：我正在使用 wordpress 网站的 header.php 模板。（这就是我在上面插入代码的地方。）所以在这种情况下，也许外部样式表确实胜过内联样式？我不明白为什么应该这样做，但这可能是答案吗？

score 0 · Accepted Answer

我知道这不是一个完美的解决方案，但将背景图像添加为媒体查询工作（因为 IE8 不支持媒体查询）？

@media (min-width: 1px) {#myDiv{background-image:url(/etc/etc/etc.png);}}

score 0 · Accepted Answer

尝试使用此代码：

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

还要确保您的背景图像至少为 4px x 4px

2 回答 2