Interessanter Nebeneffekt: in Chromium, Opera und Safari 7 kann man mit $element {content:"";} beliebige html-Elemente (außer scheinbar body) »verschwinden« lassen, der vorhandene Inhalt wird also durch den definierten content ersetzt.
Ich habe es mal ausprobiert. Nur im Opera 12 konnte ich das von Dir berichtete Verhalten beobachten. Im aktuellen Chrome, Opera, Firefox und Vivaldi habe ich wie erwartet zwei Absätze gesehen. Die content-Eigenschaft sollte nur auf Pseudoelemente angewendet werden.
Ach ja, Safari 6.irgendwas war auch mein Testobjekt. Wird das erste Mal dieses Jahr gewesen sein, dass ich diesen Browser aufgemacht habe 🙂 Auch hier war kein Fehlverhalten zu beaobachten.
Hm – im CSS3 Generated and Replaced Content Module scheint content auf alle Elemente anwendbar zu sein …
Vielleicht ist es in den oben genannten Browsern nur voreilig implementiert …
Ich habe meinen Testcase mal erweitert. In den aktuellen Chrome, Opera, Vivaldi und Opera 12 wird das Bild ausgeblendet. In Firefox nicht. Für IE Tests habe ich jetzt keine Lust, da müsste ich meine virtuellen Maschinen hochfahren. Interessante Sache.
7. Juli 2015 um 11:10 Uhr
Interessanter Nebeneffekt: in Chromium, Opera und Safari 7 kann man mit
$element {content:"";}
beliebige html-Elemente (außer scheinbar body) »verschwinden« lassen, der vorhandene Inhalt wird also durch den definierten content ersetzt.7. Juli 2015 um 12:02 Uhr
Ich habe es mal ausprobiert. Nur im Opera 12 konnte ich das von Dir berichtete Verhalten beobachten. Im aktuellen Chrome, Opera, Firefox und Vivaldi habe ich wie erwartet zwei Absätze gesehen. Die
content
-Eigenschaft sollte nur auf Pseudoelemente angewendet werden.7. Juli 2015 um 12:04 Uhr
Ach ja, Safari 6.irgendwas war auch mein Testobjekt. Wird das erste Mal dieses Jahr gewesen sein, dass ich diesen Browser aufgemacht habe 🙂 Auch hier war kein Fehlverhalten zu beaobachten.
7. Juli 2015 um 21:07 Uhr
Hm, ok, nicht auf $element, zumindest auf img angewandt scheint es zu funktionieren. Gerade getestet in den Entwicklertools von Opera 30.
7. Juli 2015 um 21:35 Uhr
Hm – im CSS3 Generated and Replaced Content Module scheint content auf alle Elemente anwendbar zu sein …
Vielleicht ist es in den oben genannten Browsern nur voreilig implementiert …
8. Juli 2015 um 18:02 Uhr
Ich habe meinen Testcase mal erweitert. In den aktuellen Chrome, Opera, Vivaldi und Opera 12 wird das Bild ausgeblendet. In Firefox nicht. Für IE Tests habe ich jetzt keine Lust, da müsste ich meine virtuellen Maschinen hochfahren. Interessante Sache.