CSS内容属性在IE中不起作用

时间:2013-07-21 00:37:14

标签: html css internet-explorer

我正在开发一个网站,我试图在导航栏中使用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声明也是如此。

1 个答案:

答案 0 :(得分: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