Warum kein :before und :after für replaced-elements?

[Jeena Paradies]

Hallo,

Durch mehrere Zufälle habe ich eine Testseite gemacht bei der ich mit :after als img zu alt Konverter rumprobiert habe. Das hat so weit mit meinem Opera 7.6 P3 gut geklappt, auch der Mozilla 1.6 hat da gut mitgemacht. IE kann das ja sowieso nicht und der Konqueror hat beides, also Text und Bild einfach nicht angezeigt. Dann bekam ich einen Hinweis darauf dass es im Aktuellen Mozill und Firefox nicht mehr geht und diese Beiden Links dazu: https://bugzilla.mozilla.org/show_bug.cgi?id=169334, https://bugzilla.mozilla.org/show_bug.cgi?id=245633

Es ist also wegen den Replaced Elements, das sind inline Sachen wie <img>, <textarea> und <object> die durch das was zum Beispiel in src="" drinn steht ausgetauscht werden. Bei diesen Replaced Elements soll es so sein dass man kein :before und :after einsetzten kann. Ich konnte aber bisher noch nicht herausfinden warum?

Grüße
Jeena Paradies

[ShiNtoKu]

Hallo,

Es ist also wegen den Replaced Elements, das sind inline Sachen wie <img>, <textarea> und <object> die durch das was zum Beispiel in src="" drinn steht ausgetauscht werden. Bei diesen Replaced Elements soll es so sein dass man kein :before und :after einsetzten kann. Ich konnte aber bisher noch nicht herausfinden warum?

Leider kann ich dir die Frage nicht beantworten, möchte aber ergänzen, dass genannte Pseudoformate angewandt auf <table> im Firefox auch nicht angezeigt werden (getestet in 1.0, wie es bei älteren Versionen und anderen Geckos ist, weiss ich nicht)

Viele Grüße
Patrick

[Cheatah]

Hi,

Bei diesen Replaced Elements soll es so sein dass man kein :before und :after einsetzten kann. Ich konnte aber bisher noch nicht herausfinden warum?

aus http://www.w3.org/TR/CSS21/generate.html#before-after-content:
"""
For example, the following document fragment and stylesheet:

<h2> Header </h2>               h2 { display: run-in; }
<p> Text </p>                   p:before { display: block; content: 'Some'; }

...would render in exactly the same way as the following document fragment and stylesheet:

<h2> Header </h2>            h2 { display: run-in; }
<p><span>Some</span> Text </p>  span { display: block }
"""

Kannst Du Dir ein <img ...><span>Foobar</span></img> vorstellen?

Cheatah

[Jeena Paradies]

Hallo,

Kannst Du Dir ein <img ...><span>Foobar</span></img> vorstellen?

Ah danke darauf bin ich nicht gekommen.

Grüße
Jeena Paradies