Перейти к содержимому



Z-index не работает

#1 Kolovrat

Kolovrat
  • Заблокированные
  • 61 сообщений
  • Репутация: 0
0

Отправлено 19 Апрель 2012 - 20:39

В коде страницы меню у меня находится между шапкой и контентом (оно в виде линии разделяющей их). и в общем в этом меню есть под-меню которое когда открывается залезает на контент. так как контент в коде после меню он получается поверх этого открытого под-меню. я попробовал с помощью z-index сделать его выше чем контент и получилось, но когда проверил в IE увидел что функция просто не работает. подскажите как ее можно заменить. или может это мой косяк.....

/* Основные Блоки Сайта */
*
{
margin: 0px;
padding: 0px;
}
#shapka
{
background-color: red;
background-image: url(/images/shapka.png);
width: 100%;
height: 171px;
}
#menu
{
background-color: yellow;
background-image: url(/images/menu.png);
background-repeat: repeat-z;
width: 100%;
height: 33px;
}
#kontent
{
background-color: #eaeef5;
width: 100%;
height: 100%;
}
/* Дополнительные Блоки */
#gl_l, #gl_r
{
position: absolute;
width: 49%;
height: 70%;
margin-top: 0.5%;
border: 1px solid black;
}
#gl_l
{
left: 0.5%;
}
#gl_r
{
right: 0.5%;
}
/* Меню Сайта */
#holding, #glavnaya, #persp, #st
{
position: absolute;
width: 190px;
height: 26px;
text-align: center;
padding-top: 7px;
}
#holding
{
right: 0px;
}
#glavnaya
{
right: 190px;
}
#persp, #st
{
position: relative;
background-color: #0090ff;
top: 6px;
visibility: vissible;
z-index: 1;
}

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 19 Апрель 2012 - 23:38

Свойство z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative.
Если значение position не задано, то по умолчанию оно имеет значение static и z-index на него никак не влияет.

Так что, если, например, хочется изменить взаимное расположение двух каких-то блоков, то для них _обоих_ нужно указать правильные значения и z-index и position.
  • 0


Оформление форума – IPBSkins.ru