Insertion de texte avec CSS: IE7, une mauvaise affaire

Encore une fois, quand je me retrouve à écrire sur les capacités de feuilles de style, je suis obligé de mettre de côté Microsoft Internet Explorer! e after . Avec CSS2 introduit une fonctionnalité très intéressante, la propriété, content , utilisé en conjonction avec les pseudo-éléments before et after . Grâce à ce "style" vous pouvez modifier le contenu d'un site agissant exclusivement sur le fichier CSS. Par exemple, si nous écrivons:

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

) avrà ogni elemento preceduto dai caratteri “>>”! Une liste à puces ( UL , LI ) sera précédée avec chaque élément ">>"! N'importe quoi, bien sûr, peut être traitée de cette manière:

1
> fogli di stile < / span >< / p > < p > Je ne peux insérer des caractères avec < durée > style </ durée > </ p >
1
content : "-->" } div p: before {content: "-->"}

La polyvalence de cet élément ne s'arrête pas là! Il est possible d'utiliser d'autres paramètres en plus de la simple (mais très utile) du texte. L'élément content , en fait, il permet également des valeurs particulières ou 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 (ondes / Sound.wav)}

Pour plus de détails se référer directement à la mise en œuvre du W3C - dommage qu'il n'a même pas Microsoft!

4 commentaires à "Insérer le texte avec CSS: IE7, une mauvaise affaire"

  1. 10 juin 2008 Alex:

    Sans oublier les sélecteurs d'attribut CSS3 avec li a[lang="en"] , vous pouvez créer des liens différents selon la langue ou quelque chose ...

    Répondre Citer
  2. 10 juin 2008 Giovambattista Fazioli :

    @ Alex: Bon point! , anch'essi non completamente supportati da IE . Ainsi que le pseudo :hover ou :focus , également pas entièrement pris en charge par IE. Je pense que c'est une honte qu'ils ne peuvent jamais obtenir 100% du potentiel de CSS ... spriamo que la situation va s'améliorer dans un avenir proche! :)

    Répondre Citer
  3. 11 juin 2008 Ange :

    Il est dit que la version 8 qui concerne la plupart des éléments CSS. Nous espérons! Je me retrouve souvent en position d'avoir à trouver une disposition de compromis afin de se sentir bien à la fois sur Firefox et Safari, Explorer et sur .. Parfois je suis même tenté de renoncer à l'absurdité de l'explorateur, et la conception en utilisant CSS complète .. alors nous suffit de penser: si ce n'était pas pour cela environ 70% des utilisateurs sont encore sur Explorer!

    Félicitations pour votre blog, bonjour à vous bientôt!

    Répondre Citer
  4. 11 juin 2008 Giovambattista Fazioli :

    @ Angelo: Moi aussi, souvent les mêmes que la «tentation» ;)

    Répondre Citer

Laisser un commentaire

XHTML TAG PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CODE D'INSERTION: 
 <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