Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Наложить изображение на изображение CSS
цитата
13/01/13 в 16:37
 Lexikon
вобщем чет я подтупливаю
нужно наложить на тумбу в диве прозрачное изображение с надписью "play"
вот кусок кода, есть еще прозрачная пикса play.png
<div id="thumb"><a href="URL"><img src="thumb.jpg"></a></div>
как сделать чтоб она сверху стала, вот чтото немогу сообразить. icon_redface.gif
цитата
13/01/13 в 17:28
 Woolf
Нужно сделать 2 div.Вложить один в другой, прописав
<div id="thumb"> <div class="play"> <a href="URL"><img src="thumb.jpg"></a> <div> <div>
в стиле play нужно прописать отступы? чтобы картинка находилась в нужном месте. Для приоритетности одного дива над другим используй z-index.
цитата
13/01/13 в 18:50
 Parfumer
Код:
<div id="thumb" style="position:relative;"><a href="URL"><img src="thumb.jpg"></a>
<img style="position:absolute;bottom:5px;right:5px;" src="play.png"/>
</div>
цитата
13/01/13 в 18:58
 hellshouter
z-index smail54.gif
цитата
14/01/13 в 09:28
 Lexikon
Parfumer писал:
Код:
<div id="thumb" style="position:relative;"><a href="URL"><img src="thumb.jpg"></a>
<img style="position:absolute;bottom:5px;right:5px;" src="play.png"/>
</div>

Спасибо! наложилось как нужно smail54.gif


Эта страница в полной версии