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模板。（这就是我在上面插入代码的地方。）所以也许外部样式表在这种情况下确实胜过内联样式？我不明白为什么会这样，但这可能是答案吗？

Answer 1

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

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

Answer 2

尝试使用此代码：

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

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