582212 - ::before and ::after not working on <video> and <img>

Status: RESOLVED DUPLICATE of bug 245633

(Core :: Layout, defect)

Description

[Anthony Ricaud (:rik)]

Attachment: Testcase

CSS 2.1 says "Note. This specification does not fully define the interaction of :before and :after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification." [1]

CSS 3 Selectors says nothing new.


Opera 10.6: OK
Chrome 5: not working
Safari 5: not working


This will allow this kind of effect to work with every element : http://nimbupani.com/demo/css3-drop-shadows.html


[1] http://www.w3.org/TR/2009/CR-CSS2-20090908/generate.html#before-after-content

Comment 1

[philippe (part-time)]

How is this different from bug 245633 ?

Comment 2

[Boris Zbarsky [:bzbarsky]]

It's not.

Reporter, the reason this doesn't work is that :before and :after are _children_ of the element they're set on in CSS 2.1.  Adding children to an <img> does absolutely nothing; you can try doing that yourself using appendChild on the DOM.  What Opera is doing was a violation of the CSS2.1 spec until the "does not fully defined" weasel-wording was added.