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]-->

更改顶部边距效果很好(连同我为 IE8 所做的所有其他调整)。然而，无论我尝试什么，背景图像仍然出现!除了在我的外部样式表中删除它之外，我似乎无法让它不出现。

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

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

有人知道为什么#myDiv 的背景图片总是出现吗？

编辑:我在 wordpress 网站的 header.php 模板中工作。 (这就是我插入上面代码的地方。)所以在这种情况下，外部样式表可能确实胜过内联样式？我不明白为什么会这样，但这会是答案吗？

Answer 1

我知道这不是一个完美的解决方案，但是将背景图像添加为媒体查询是否有效(因为 IE8 不支持媒体查询)？

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