В общем, имеется тег <img> необходимо сделать чтобы background: url('overlay.png'); описанный в css, отображался поверх основного изображения, дополнительные div-ы в html добавлять нельзя. Все изменения только в пределах css класса .img. Стандартными средствами css сделать не получается.
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" id="lalala" />
<style>
#lalala {position: relative}
#lalala:after {background: url('http://javascript.ru/forum/images/editor/smilie.gif');
height: 100px; width: 315px; display: block; content: ' '; position: absolute; left: 0; top: 0}
</style>
background логически не может быть поверх изображения. Иначе какой это background?
Это потому, что ты через оперу смотришь. Я, кстати, тоже.
Судя по всему это глюк Хрома, по правилам должно отображаться то что указано в субкласе after/before.
Думаешь Опера делает не правильно? по мне дык кажется все так как положено.
В спецификации CSS2.1 говорится, что в случай элементов вроде IMG будет описан в дальнейшей спецификации. В спеках CSS3 я ничего об этом не нашёл.
В FF, Chrome пример не работает, в Опере работает.