Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как отобразить background-image поверх img? (https://javascript.ru/forum/dom-window/21118-kak-otobrazit-background-image-poverkh-img.html)

quebek 29.08.2011 20:16

Как отобразить background-image поверх img?
 
В общем, имеется тег <img> необходимо сделать чтобы
background: url('overlay.png'); описанный в css, отображался поверх основного изображения, дополнительные div-ы в html добавлять нельзя. Все изменения только в пределах css класса .img. Стандартными средствами css сделать не получается.

B@rmaley.e><e 29.08.2011 20:25

<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>

quebek 29.08.2011 21:00

Лого вижу, смайл не вижу.
Бекраунд имг всегда должен отображаться поверх картинки, а не после каких-либо событий.

B@rmaley.e><e 29.08.2011 21:39

Тогда никак.

Kolyaj 29.08.2011 23:44

background логически не может быть поверх изображения. Иначе какой это background?

devote 29.08.2011 23:46

Цитата:

Сообщение от quebek
Лого вижу, смайл не вижу.

Странно, но я вижу лого и поверх него смайлы =)

ваый 29.08.2011 23:56

Цитата:

Сообщение от devote
Странно, но я вижу лого и поверх него смайлы =)

В хроме только лого.

Sweet 30.08.2011 00:12

Цитата:

Сообщение от devote
Странно, но я вижу лого и поверх него смайлы =)

Это потому, что ты через оперу смотришь. Я, кстати, тоже:)

devote 30.08.2011 00:19

Цитата:

Сообщение от ваый
В хроме только лого.

Судя по всему это глюк Хрома, по правилам должно отображаться то что указано в субкласе after/before

devote 30.08.2011 00:20

Цитата:

Сообщение от Sweet
Это потому, что ты через оперу смотришь. Я, кстати, тоже

Думаешь Опера делает не правильно? по мне дык кажется все так как положено.


Часовой пояс GMT +3, время: 04:54.