2011-11-26 4 views
5

요소 앞에 pilcrow (¶) 기호를 추가하려고합니다. 이 코드는 Safari에서만 작동합니다. pilcrow가 나타납니다.CSS : Pilcrow sign before

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

내가, 텍스트는 파이어 폭스에서 제대로 표시 문자 나 텍스트 나 숫자

content:"My Text"; 

와 Mac과 PC 있지만, 모든 IE와 행운을 모두의 \ B6의 \를 교체합니다.

도움 주셔서 감사합니다.

+6

한 값. – nickf

+0

[MSDN] (http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements)에 따르면 ': before'는 IE 8에서만 지원되었습니다. – Richard

+0

별명이 있습니다. pilcrow와 다른 구두점 기호에 관한 정말로 흥미있는 기사는 여기에서있다 : 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