Inserción de texto con CSS: IE7, es un mal negocio

Una vez más, cuando me encuentro escribiendo sobre las capacidades de las hojas de estilo, me veo obligado a dejar a un lado Microsoft Internet Explorer! e after . Con CSS2 introduce una característica muy interesante, la propiedad, content , se utiliza junto con los pseudo-elementos before y after . A través de este "estilo" se puede modificar el contenido de un sitio que actúan exclusivamente en el archivo CSS. Por ejemplo si escribimos:

1
content : ">>" } li: before {content: ">>"}

) avrà ogni elemento preceduto dai caratteri “>>”! Una lista con viñetas ( UL , LI ) estarán precedidas por cada elemento ">>"! Nada, por supuesto, puede ser tratada de esta manera:

1
> fogli di stile < / span >< / p > < p > puedo insertar caracteres con < periodo > hojas de estilo </ periodo > </ p >
1
content : "-->" } div p: before {content: "-->"}

La versatilidad de este elemento no se detiene ahí! Es posible utilizar otros parámetros además de la simple (pero muy útil) de texto. El elemento content , de hecho, sino que también permite que los valores especiales o url:

1
2
3
content : url ( images/quote.gif ) } p: before {content: url (images / quote.gif)}
content : close-quote } p: after {content: close-quote}
content : url ( waves/sound.wav ) } p: before {content: url (olas / sound.wav)}

Para los detalles de implementación se refieren directamente a la W3C - lástima que ni siquiera Microsoft!

4 comentarios para "Insertar texto con CSS: IE7, es un mal negocio"

  1. 10 de junio 2008 Alex:

    Por no hablar de los selectores de atributo de CSS3 con li a[lang="en"] se pueden crear enlaces diferentes en función del idioma o algo así ...

  2. 10 de junio 2008 Giovambattista Fazioli :

    @ Alex: Buen punto! , anch'essi non completamente supportati da IE . Así como la pseudo :hover o :focus , tampoco totalmente compatible con IE. Creo que es una pena que no se puede obtener el 100% del potencial de la CSS ... spriamo que la situación mejorará en el futuro cercano! :)

  3. 11 de junio 2008 Ángel :

    Se dice que la versión de 8 respecto de la mayoría de los elementos de CSS. Esperamos! A menudo me encuentro en la posición de tener que encontrar un diseño de compromiso a fin de sentirse bien tanto en Firefox y Safari, Explorer y el .. A veces me siento aún la tentación de abandonar el sentido del explorador, y el diseño con CSS completo .. entonces nosotros pensamos: si no fuera por que alrededor del 70% de los usuarios todavía están en el Explorador!

    Felicidades por tu blog, hola a ti pronto!

  4. 11 de junio 2008 Giovambattista Fazioli :

    @ Angelo: Yo también muchas veces lo mismo que "la tentación" ;)

Deja un comentario

XHTML PERMISO TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Dejar de SOPA