CSS属性仅在IE中被覆盖

时间:2013-07-23 16:02:29

标签: html css internet-explorer

所以我一直在网站上工作,我的导航栏有以下CSS:

.boxshadow div#top_nav li+li::before, .no-boxshadow div#top_nav li+li::before{
    content:url('media/images/link.gif');
}

它应该通过在除第一个链接之外的所有链接之前插入某个图像来为导航栏中的列表项创建链接分隔符。 .boxshadow.no-boxshadow类是由Modernizr引起的。

问题是,它在IE中被覆盖了。当我打开开发者工具时似乎被划掉了,所以我知道它被覆盖了,但我不知道为什么。在Chrome和Firefox中,该属性有效,但仅在IE中我遇到此问题。

有关为何发生这种情况的任何想法?如果有必要,我很乐意发布更多CSS。感谢所有帮助。

这是jsFiddle的链接:http://jsfiddle.net/KJYe2/

编辑2:对不起家伙,但似乎通过jsFiddle在IE中工作。但是,它不会在我的计算机上本地显示,我不知道为什么......我尝试发布在导航栏之前使用的更相关的CSS,看看是否有任何规则导致覆盖,但这不是似乎也是如此。

1 个答案:

答案 0 :(得分:0)

我是个白痴。事实证明它可以正常工作,但在本地它只是不呈现。我不确定为什么会这样做而不是Chrome和Firefox(它在这些浏览器上本地呈现),但对于IE,它只能实时工作。奇怪的是,它仍然在IE9开发工具中脱机,无论是离线还是在线。对于我可能造成的不便,我深表歉意,并感谢所有帮助此事的人。谢谢!