Einfügen von Text mit CSS: IE7, ein schlechtes Geschäft

Auch wenn ich mich schriftlich über die Möglichkeiten von Stylesheets zu finden, bin ich gezwungen, auf die Seite legen Microsoft Internet Explorer! e after . Mit CSS2 wurde ein sehr interessantes Feature, das Eigentum, content in Verbindung mit Pseudo-Elemente verwendet before und after . Durch diese "style" verändern Sie den Inhalt einer Seite, wirkt ausschließlich auf die CSS-Datei. Zum Beispiel, wenn wir schreiben:

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

) avrà ogni elemento preceduto dai caratteri “>>”! Eine Aufzählung ( UL , LI ) wird mit jedem Element vorangestellt werden ">>"! Alles, natürlich, kann auf diese Weise behandelt werden:

1
> fogli di stile < / span >< / p > < p > Ich kann Zeichen mit Einsatz < span > Stylesheets </ span > </ p >
1
content : "-->" } div p: before {content: "-->"}

Die Vielseitigkeit dieses Element ist noch nicht alles! Es ist möglich, weitere Parameter neben der einfachen (aber sehr nützlich) Text zu verwenden. Das Element content , in der Tat, es erlaubt auch spezielle Werte oder 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 (Wellen / sound.wav)}

Für Details der Implementierung direkt auf der W3C - Schade, dass es nicht einmal Microsoft!

4 Kommentare zu "Text einfügen mit CSS: IE7, ein schlechtes Geschäft"

  1. 10. Juni 2008 Alex:

    Ganz zu schweigen von den Attribut-Selektoren css3 mit li a[lang="en"] können Sie verschiedene Links je nach Sprache oder etwas zu schaffen ...

    Antwort zitieren
  2. 10. Juni 2008 Giovambattista Fazioli :

    @ Alex: Guter Punkt! , anch'essi non completamente supportati da IE . Sowie die pseudo :hover oder :focus , auch nicht vollständig durch IE unterstützt. Ich denke, es ist eine Schande, dass sie nie zu 100% des Potenzials von CSS ... spriamo dass sich die Situation in naher Zukunft zu verbessern! :)

    Antwort zitieren
  3. 11. Juni 2008 Engel :

    Es wird gesagt, dass die Version 8 Respekt für die meisten Elemente css. Wir hoffen! Ich finde mich oft in der Position, um einen Kompromiss Layout zu finden, um sich sowohl auf Firefox und Safari, Explorer und gute .. Manchmal bin ich sogar versucht sein, aufgeben Unsinn Explorer und Design mit voller CSS .. dann sind wir gerade denken: wenn es nicht für, dass etwa 70% der Nutzer sind immer noch auf Explorer!

    Herzlichen Glückwunsch für Ihren Blog, hallo, Sie bald!

    Antwort zitieren
  4. 11. Juni 2008 Giovambattista Fazioli :

    @ Angelo: Auch ich oft die gleichen wie "Versuchung" ;)

    Antwort zitieren

Hinterlasse einen Kommentar

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


Stoppen SOPA