Как отобразить background-image поверх img?
В общем, имеется тег <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?
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 04:54. |