0

所以我一直在开发一个网站，其中导航栏有以下 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，以查看是否有任何这些规则导致了覆盖，但这并没有似乎也不是这样。

4

1 回答 1

0

我真是个白痴。事实证明它在现场工作得很好，但在本地它只是不渲染。我不确定为什么它会这样做，而不是 Chrome 和 Firefox（它在这些浏览器上本地呈现良好），但对于 IE，它只能实时工作。奇怪的是，它仍然在离线和在线的 IE9 开发工具中被删除。对于给您带来的不便，我深表歉意，并感谢所有在此问题上提供帮助的人。谢谢！

于 2013-07-24T19:52:03.970 回答