Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 26-09-2006 16:27:01

Pho-No
есть
Зарегистрирован: 07-06-2006
Сообщений: 61
Вебсайт

Непонятное поведение z-index

Есть простая конструкция:

Код:

<div id="header">
<div id="side_block"> ... </div>
</div>
<div id="container"> ... </div>

и css к ней:

#header {width:100%;height:100px;}
#side_block{
z-index:1;
position:absolute;
background-image:url(/i/side_block.png);
background-repeat:no-repeat;
width:61px;
height:190px;
margin-left:5px;
}
#container{z-index:2;margin:5px;overflow:hidden;width:765px;}

side_block - вытянутый вниз слой, который визуально является частью контейнера, а формально - header-a.
Проблема в том, что содержимое контейнера оказывается под фоновой катринкой side_block. При любых значениях side_block{z-index}  кроме -1. При -1 - все ок, везде кроме Firefox - он не понимает отрицательные значения z-index.
Не понимаю, почему при #A{z-index:1} и #B{z-index:2} содержимое "B" все равно оказывается под "A"...

Неактивен

 

#2 26-09-2006 17:55:47

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Непонятное поведение z-index

У вашего container`а не указан параметр position, значит значение по-умолчанию - static. А z-index действует только на позиционируемые элементы, если я не ошибаюсь.


Время не ждет.

Неактивен

 

#3 26-09-2006 18:21:56

Pho-No
есть
Зарегистрирован: 07-06-2006
Сообщений: 61
Вебсайт

Re: Непонятное поведение z-index

точно.  при position:relative все отлично работает. спасибо)
вывод - нужно систематизировать свои знания. и незнания))

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru