Как можно такое реализовать? див в диве + img под дивом.

[feniks81]

Помогите пожалуйста

на данный момент код таков -

<div class="big-img" style="background-image:url('gallery/323.jpg'); height:400px;width:200px">
<img alt="продвигаемый запрос'" src="img/transparent.gif" style="height: 400px; width: 200px; ">
</div>

// причем видимая картинка это background-image:url('gallery/323.jpg, а img/transparent.gif как бы накрывает

нужно чтобы было внутри див1 был див2 и картинка. И див2 в свою очередь был над картинкой, растянутый в 100% по краям див1..

я запутался в формировании кода. подскажите, может кто то поможет?

вот скрин http://i.piccy.info/...432065/help.jpg

Edited March 18, 2013 by feniks81

[Great Rash]

position: relative; - для див1

position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; - для див2

HTML должен быть такой:

<div class="div1">

<div class="div2"></div>

<img src="img/path.png" alt="" />

</div>

[feniks81]

Спасибо, с вашими подсказками все реализовалось очень легко, я только додумать порядок не мог.

Отличный совет! Ставлю 5 star в профиле =)

[MaxxQ]

может подскажите, в чем-то вопрос схож с тс,

как сделать чтобы "new" был поверх кнопки?

http://jsfiddle.net/C4NuY/1/

[ILL-JAH]

в чем-то вопрос схож с тс,

Ответ во втором посте темы. css-правило z-Index

[MaxxQ]

не получается, где ошибка?

http://jsfiddle.net/C4NuY/3/

[sammasati]

Ошибка в том, что ты пытаешься поднять родительский элемент над дочерним. А этого сделать нельзя. А если бы можно было, то он бы перекрыл ссылку и она бы перестала реагировать на мышку.

Твою проблему можно решить например вот так: http://dabblet.com/gist/5225213

[MaxxQ]

Ошибка в том, что ты пытаешься поднять родительский элемент над дочерним. А этого сделать нельзя. А если бы можно было, то он бы перекрыл ссылку и она бы перестала реагировать на мышку.

Твою проблему можно решить например вот так: http://dabblet.com/gist/5225213

отлично, спасибо.