2011-11-26 11 views
5

Bir elemandan önce pilcrow (¶) işareti eklemeye çalışıyorum. Bu kod sadece Safari'de çalışır. Pilcrow görünür.CSS: Pilcrow işaretinden önce

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

Ben, metin FireFox'ta doğru görünen bir harf veya herhangi bir metin veya sayı

content:"My Text"; 

ile Mac ve PC'yi, ama hiç IE ile hiç şans hem \ B6 \ değiştirin.

Yardımlarınız için teşekkür ederiz.

+6

1 değer verir. – nickf

+0

[MSDN] 'ye göre (http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements) ': önce' sadece IE 8'de desteklenmiştir. – Richard

+0

nick var Buradaki pilcrow ve diğer noktalama işaretleri hakkında gerçekten ilginç bir makale: http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski

cevap

4

Değişim bu içerik:

content: '\00b6' 

Size tam 4 hane belirtmek var gibi görünüyor.

Ayrıca, IE çalışmıyor neden:

:before seçici ancak son zamanlarda desteklenmiştir

(Bu daha sonra silindi Richard 'ın cevabı oldu). According to MSDN:before Sadece biz special characters için onaltılık kullanmak :after & :before yılında IE 8.

+0

Teşekkür ederim. Bunu siteye koymuştum. Görünüşe göre her yerde çalışıyor ama yine de IE7'de hiç şans yok. – glebski

+0

IE7 desteklemiyor: sonra &: önce bu hack'i kullanabilirsiniz http://css-tricks.com/snippets/css/clear-fix/ – sandeep

+1

@sandeep Linkiniz herhangi bir şekilde nasıl yardımcı olur? – Bojangles

0

yılında desteklenmiştir. Bunun gibi

:

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

İşte özel karakterler tablodur ve bunlara karşılık gelen onaltılık o sembolün adı ne olduğunu öğretmek için http://css-tricks.com/snippets/html/glyphs/