Такая проблема, есть три div блока вложенных друг в друга, вот так:
<div id="div1">
<div id="div2">
<div id="div3">
</div>
</div>
</div>
У каждого дива есть своя background картинка. Но почему-то эти блоки накладываются друг на друга в обратном порядка, т.е. сначало идет div1 со своим бэкграундом, затем на него накладывается div2 и затем div3.
Как мне сделать, чтобы эти блоки накладывались друг на друга в обратном порядке, т.е. как написано в коде.
Спустя 1 час, 28 минут, 1 секунда (20.05.2011 - 13:38) Krevedko написал(а):
что в css прописано ? может там какие-нибудь z-index имеются ?
Спустя 15 минут, 42 секунды (20.05.2011 - 13:54) IPnex написал(а):
| Цитата (Krevedko @ 20.05.2011 - 13:38) |
| что в css прописано ? может там какие-нибудь z-index имеются ? |
Нет, у каждого заданы только width, height и background-image
Спустя 6 минут, 11 секунд (20.05.2011 - 14:00) Krevedko написал(а):
тфу..неправильно прочитал. ну все верно оно накладывает.
представь, что ты на стол выкладываешь разноцветные бумажки. сначала div1, на нее div2 и на нее div3. Так он и делает. Чтобы поменять порядок, используй position и z-index
представь, что ты на стол выкладываешь разноцветные бумажки. сначала div1, на нее div2 и на нее div3. Так он и делает. Чтобы поменять порядок, используй position и z-index
Спустя 17 минут, 51 секунда (20.05.2011 - 14:18) Winston написал(а):
Делаешь position:relative и z-index
<div id="div1" style="position:relative; z-index: 1">
<div id="div2" style="position:relative; z-index: 2">
<div id="div3" style="position:relative; z-index: 3">
</div>
</div>
</div>
Спустя 3 минуты, 5 секунд (20.05.2011 - 14:21) Krevedko написал(а):
<div id="div1" style="position:relative; z-index: 3">
<div id="div2" style="position:relative; z-index: 2">
<div id="div3" style="position:relative; z-index: 1">
</div>
</div>
</div>
<div id="div2" style="position:relative; z-index: 2">
<div id="div3" style="position:relative; z-index: 1">
</div>
</div>
</div>
Спустя 7 минут, 13 секунд (20.05.2011 - 14:28) IPnex написал(а):
Уже пробовал через z-index и position:relative , без изменений.
Спустя 11 минут, 28 секунд (20.05.2011 - 14:40) Krevedko написал(а):
потому что они у тебя вложены друг в друга.
<div id="div1" style="position:absolute; z-index: 3; width:100px; height:100px; background-color:#F00;"> </div>
<div id="div2" style="position:absolute; z-index: 2; width:200px; height:200px; background-color:#0F0;"> </div>
<div id="div3" style="position:absolute; z-index: 1; width:300px; height:300px; background-color:#30F;"> </div>
<div id="div1" style="position:absolute; z-index: 3; width:100px; height:100px; background-color:#F00;"> </div>
<div id="div2" style="position:absolute; z-index: 2; width:200px; height:200px; background-color:#0F0;"> </div>
<div id="div3" style="position:absolute; z-index: 1; width:300px; height:300px; background-color:#30F;"> </div>
Спустя 17 минут, 12 секунд (20.05.2011 - 14:57) IPnex написал(а):
Плохо, значит не получится, т.к. мне нужно чтобы они были вложенными.
Других способов я так понимаю нет?
Других способов я так понимаю нет?