CSS Content attribute for IMG tag

Question

img:after {
   content:attr(title);
}

This is not working, probably because the img tag is empty, no closing tag. Any workaround to fix this without js?

Answer 1

img is a replaced element, and the w3c CSS 2.1 spec 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.

I don't know about any "future specification" that took place. It does not work in Chrome, that's for sure :).