X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> z-index в ie6
newked
newked
Topic Starter сообщение 10.4.2012, 22:49; Ответить: newked
Сообщение #1


Всем привет, когда то очень давно при верстке страниц я учитывал как верстка себя ведет в IE6...с приходом наверное версии 8 я на IE6 забил, но вот в недавнее время пришлось верстать страничку... и заказчику принципиально важен IE6
Вот верстка
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>z-index для IE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.header{
width: 400px;
height: 50px;
position: relative;
z-index: 1;
background: #ccc;
margin-bottom:20px;
text-align:center;
padding-top: 70px;
border:5px solid #273F3C;
}
.menu{
width: 100px;
height: 200px;
cursor:pointer;
position: absolute;
left:55px;
top:10px;
z-index: 2;
background: #999;
text-align:center;
border:5px solid #01CDF1;
}
</style>
</head>
<body>
<div class="header">Header
<div class="menu">menu</div>
</div>
<div class="header">Header</div>
</body>
</html>


блок с классом HEADER имеет z-index меньший чем z-index у блока с классом MENU однако все равно MENU уходит под 2-й блок с классом HEADER.....не могу понять почему он это делает, по идее блок с классом MENU должен находиться поверх всех дивов, однакого этого не происходит.... Данная конструкция почему то не хочет работать не только в браузере IE6 ... может кто знает что я делаю не так? Подскажите...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Winns
Winns
сообщение 10.4.2012, 23:25; Ответить: Winns
Сообщение #2


Второму "Header", z-index надо задать ещё меньше чем у родителя "menu".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
newked
newked
Topic Starter сообщение 10.4.2012, 23:48; Ответить: newked
Сообщение #3


(Winns @ 11.4.2012, 02:25) *
Второму "Header", z-index надо задать ещё меньше чем у родителя "menu".

Это понятно....но мне надо именно чтобы у всех "Header" чтобы был одинаковый z-index.
По сути у меня верстка в наипростейшем варианте должна быть вот такой:
<div class="header">Header
<div class="menu">menu</div>
</div>
<div class="header">Header
<div class="menu">menu</div>
</div>


надо чтобы всегда "menu" было поверх всех "Header"-ов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Winns
Winns
сообщение 11.4.2012, 0:24; Ответить: Winns
Сообщение #4


Элемент который выводится ниже при прочих равных имеет больший приоритет чем тот
что выводился до него.

Блок menu находится в блоке header, и z-index у него задан по отношению именно к родителю.

Либо верстать не задавая position: relative; header'у,
либо каждому header выставлять свой z-index других вариантов я не знаю.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
newked
newked
Topic Starter сообщение 11.4.2012, 1:04; Ответить: newked
Сообщение #5


блин, position: relative хедера - важная часть....сейчас пробовал как то обойтись без него...не получилось!((((( Вариант каждому header выставлять свой z-index тоже отпадает...елки....палки....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 11.4.2012, 6:53; Ответить: texno
Сообщение #6


В IE6-7 элементы, находящиеся в блоках с position: absolute/relative, не воспринимают z-index.
Рой дальше, и у них спросить можно, не сразу но ответят.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Учусь создавать шаблон для Joomla 2.5 Ошибка в файле index.php
 3 Musicathome 6646 26.7.2013, 20:20
автор: -Сабж-
Открытая тема (нет новых ответов) Баги в ie6
 4 websun 6409 15.4.2011, 11:55
автор: -Yuri-
Открытая тема (нет новых ответов) центрирование не работает в IE6
 6 ChipAlina 7527 22.12.2010, 14:13
автор: -FightInGlory-
Открытая тема (нет новых ответов) В IE6 display:none работает своеобразно
 14 AliNurqoja 14487 22.10.2009, 13:56
автор: -AliNurqoja-
Открытая тема (нет новых ответов) z-index и select
 3 romlex_hb 10894 28.4.2008, 18:47
автор: -Exterior-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 10:19

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet