3

我目前正在一个网站上工作,我试图以这种方式使用 CSS:before伪类和+选择器在导航栏中创建链接分隔符:

/* Targets list items with a list item before it, so that we don't put separators before the first element, nor after the last element. */

nav li + li:before{content:url('someimagehere.gif');}

如果我不使用图像,并使用诸如“/”之类的字符串,它在 IE(以及 Chrome、Firefox 等)中可以正常工作。但是,它是使用单独在 IE 中失败的图像(Chrome 和 Firefox 工作正常)。有想法该怎么解决这个吗?任何帮助表示赞赏!

更新:我刚刚发现上述规则在 IE 中被覆盖,但仅在 IE 中。所有其他浏览器似乎都可以很好地呈现它,而 IE 拒绝这样做,即使有!important声明。

4

1 回答 1

-1

尝试将此添加到您的 html 页面的顶部。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

参考:

https://dl.dropboxusercontent.com/u/3525200/ie-content.png

http://www.w3schools.com/cssref/pr_gen_content.asp

于 2013-07-21T00:45:20.010 回答