Как отобразить 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, время: 16:44. |