2011-11-26 87 views
5

我试图在元素之前添加一个pilcrow(¶)符号。此代码仅适用于Safari。出现了偷渡者。CSS:在Pilcrow标记之前

.ydss-comment:before 
{ 
content:"\B6\"; 
color:red; 
font-size:1.5em; 
} 

如果我更换\ B6 \以字母或任何文本或数字

content:"My Text"; 

文本正确显示在Firefox,Mac和PC,但没有运气与IE浏览器在所有。

感谢您的任何帮助。

+6

+1教我什么符号的名称。 – nickf

+0

根据[MSDN](http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements)':before'仅在IE 8中受支持。 – Richard

+0

nick有一个非常有趣的文章在这里pilcrow和其他标点符号:http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski

回答

4

更改内容如下:

content: '\00b6' 

看来你必须指定完整的4个位数。

而且,为什么它不能在IE浏览器:

(这是Richard的答案,然后将其删除)

:before选择最近才支持。 According to MSDN:before在IE 8

+0

谢谢。我已经把它放在了网站上。似乎在任何地方都可以使用,但IE7仍然没有运气。 – glebski

+0

IE7不支持:之后&:之前,但你可以使用这个黑客http://css-tricks.com/snippets/css/clear-fix/ – sandeep

+1

@sandeep你的链接有什么帮助? – Bojangles