我试图在元素之前添加一个pilcrow(¶)符号。此代码仅适用于Safari。出现了偷渡者。CSS:在Pilcrow标记之前
.ydss-comment:before
{
content:"\B6\";
color:red;
font-size:1.5em;
}
如果我更换\ B6 \以字母或任何文本或数字
content:"My Text";
文本正确显示在Firefox,Mac和PC,但没有运气与IE浏览器在所有。
感谢您的任何帮助。
我试图在元素之前添加一个pilcrow(¶)符号。此代码仅适用于Safari。出现了偷渡者。CSS:在Pilcrow标记之前
.ydss-comment:before
{
content:"\B6\";
color:red;
font-size:1.5em;
}
如果我更换\ B6 \以字母或任何文本或数字
content:"My Text";
文本正确显示在Firefox,Mac和PC,但没有运气与IE浏览器在所有。
感谢您的任何帮助。
更改内容如下:
content: '\00b6'
看来你必须指定完整的4个位数。
而且,为什么它不能在IE浏览器:
(这是Richard的答案,然后将其删除)
的
:before
选择最近才支持。 According to MSDN:before
在IE 8
只支持在:after
& :before
我们用十六进制special characters
。
像这样:
.ydss-comment:before
{
content:"\00b6";
}
这里是一个特殊字符表和它们对应的十六进制的http://css-tricks.com/snippets/html/glyphs/
+1教我什么符号的名称。 – nickf
根据[MSDN](http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements)':before'仅在IE 8中受支持。 – Richard
nick有一个非常有趣的文章在这里pilcrow和其他标点符号:http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski