2011-11-26 13 views
5

要素の前にpilcrow(¶)記号を追加しようとしています。このコードはSafariでのみ動作します。ピクロウが現れます。私は文字または任意のテキストまたは数CSS:Pilcrow signの前に

content:"My Text"; 

との\ B6の\を交換する場合

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

テキストは、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

ニックがありますピルクローと他の句読記号の本当に興味深い記事はここにあります:http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski

答えて

4

変更し、これにコンテンツ:

content: '\00b6' 

あなたが完全な4桁の数字を指定する必要があることと思われます。

また、それはIEで動作しない理由について:

:beforeセレクタは、ごく最近のサポートされていました

(これはその後、削除されたRichardさんの回答でした)。 According to MSDN:beforeのみ我々はspecial characters 16進を使用:after & :beforeでIE 8

+0

ありがとうございました。私はそれをサイトに置いた。どこでも動作しますが、IE7ではまだ運がありません。 – glebski

+0

IE7はサポートされていません:&:beforeの後にこのハックを使用できますhttp://css-tricks.com/snippets/css/clear-fix/ – sandeep

+1

@sandeepリンクはどのように役立ちますか? – Bojangles

0

に支持されました。このよう

.ydss-comment:before 
{ 
content:"\00b6"; 
} 

は、ここでの特殊文字の表であると、それに対応する進数は、そのシンボルの名前が何であるかを私に教えるためhttp://css-tricks.com/snippets/html/glyphs/

関連する問題