Estoy tratando de agregar un signo pilcrow (¶) antes de un elemento. Este código funciona solo en Safari. El pilcrow aparece.CSS: antes del signo Pilcrow
.ydss-comment:before
{
content:"\B6\";
color:red;
font-size:1.5em;
}
Si se sustituye la \ B6 \ con una letra o cualquier texto o número
content:"My Text";
El texto aparece correctamente en Firefox, Mac y PC, pero no hubo suerte en absoluto con el IE.
Gracias por cualquier ayuda.
cambiar el contenido a esto:
content: '\00b6'
Parece que tiene que especificar los 4 dígitos completos.
También, acerca de por qué no funciona en IE:
(Esto fue en Richard 's respuesta que luego fue borrado)
El selector
:beforesolamente fue apoyada recientemente. According to MSDN:beforesolamente fue apoyado en IE 8.
Gracias. Lo he puesto en el sitio. Funciona en todas partes, pero aún así no tiene suerte en IE7. – glebski
IE7 no es compatible: after &: before pero puede usar este hack http://css-tricks.com/snippets/css/clear-fix/ – sandeep
@sandeep ¿De qué manera ayuda su enlace de alguna manera? – Bojangles
En :after & :before utilizamos hexadecimal para special characters.
De esta manera:
.ydss-comment:before
{
content:"\00b6";
}
Aquí está la tabla de caracteres especiales y valora su correspondiente hexadecimal http://css-tricks.com/snippets/html/glyphs/
1 por enseñarme lo que el nombre de ese símbolo es. – nickf
Según [MSDN] (http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements) ': before' solo se admite en IE 8. – Richard
nick hay un artículo realmente interesante sobre el pilcrow y otros símbolos de puntuación aquí: http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski