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

标签 css internet-explorer-8 background-image inline-code

由于 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 模板中工作。 (这就是我插入上面代码的地方。)所以在这种情况下,外部样式表可能确实胜过内联样式?我不明白为什么会这样,但这会是答案吗?

最佳答案

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

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

关于css - 使用内联样式更改 IE8 页面元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17955616/

相关文章:

jquery - django bootstrap 下拉菜单不工作

html - Bootstrap 4 - 2列相同高度,其中一个带有滚动条

css - IE CSS 错误 : background-color: transparent behaves differently to background-color: (any other colour)

CSS 背景图像

html - 内部所有内容周围的 div 的背景颜色

javascript - Bootstrap 导航栏固定顶部和 body 填充顶部

asp.net - jQuery.change + 内联 onchange fn() 导致 fn 执行两次

python - IE8 未在 Windows7 上从 Python 代码上的 Selenium (webdriver) 启动

javascript - JQuery Mobile 使用 CSS 设置图像背景

javascript - 在鼠标悬停时设置背景图像