Очередная проблема с z-index в IE6

[BassEast]

Привет всем.

Давно уже здесь не был.

У меня такая проблема: здесь, при наведении на пункт меню "Продукция", появляется POP-UP. В IE6 этот POP-UP открывается под 2-мя прозрачными слоями и никакой z-index поп-апу не помогает. Видимо где-то я переборщил с position:relative;, либо какой-то родительский контейнер имеет значение свойства z-index - ниже.

Буду рад любой подсказке..

[BassEast]

Никто так и не ответил)) ааа)).. ребят, ну вы чего, я бьюсь об стену головой))... please..

[psywalker]

Никто так и не ответил)) ааа)).. ребят, ну вы чего, я бьюсь об стену головой))... please..

Убери релатив у этого блока .mainBar для начала.

[BassEast]

Никто так и не ответил)) ааа)).. ребят, ну вы чего, я бьюсь об стену головой))... please..

Убери релатив у этого блока .mainBar для начала.

В css для этого класса я уже прописал хак _position:static;

[BassEast]

Help!! ASAP!!!))

[Rukkos]

.header - здесь вообще нет z-index;

.goldLine - здесь z-index слишком большой. и то этого уже отталкиваться

Унаследование вам в помощь)

[psywalker]

Help!! ASAP!!!))

Дружище, я не знаю, что ты там делаешь, но я уже в дебугере два раза решил твою проблему, поставив

header {z-index: большой}

mainBar {z-index: -1}

[BassEast]

Help!! ASAP!!!))

Дружище, я не знаю, что ты там делаешь, но я уже в дебугере два раза решил твою проблему, поставив

header {z-index: большой}

mainBar {z-index: -1}

Это работает, только вот контент не кликабельный..) Текст не выделяется, ссылки не работают). ммм...

.mainBar - лучше наверное z-index:0 поставить.

Edited June 23, 2011 by BassEast

[psywalker]

Help!! ASAP!!!))

Дружище, я не знаю, что ты там делаешь, но я уже в дебугере два раза решил твою проблему, поставив

header {z-index: большой}

mainBar {z-index: -1}

Это работает, только вот контент не кликабельный..) Текст не выделяется, ссылки не работают). ммм...

.mainBar - лучше наверное z-index:0 поставить.

Ну я тебе просто наводку дал, а ты уже сам там поиграйся.

[BassEast]

Help!! ASAP!!!))

Дружище, я не знаю, что ты там делаешь, но я уже в дебугере два раза решил твою проблему, поставив

header {z-index: большой}

mainBar {z-index: -1}

Это работает, только вот контент не кликабельный..) Текст не выделяется, ссылки не работают). ммм...

.mainBar - лучше наверное z-index:0 поставить.

Ну я тебе просто наводку дал, а ты уже сам там поиграйся.

Макс, о последнем прошу. Здесь есть ещё подменю, такое же http://yamble.ru/projects/grand/tea_catalog.html - "коллекция чая", оно почему-то тоже не хочет наверх вылазить, я запутан в край..

И да, спасибо Большое! Ты лучший!

Edited June 23, 2011 by BassEast

[psywalker]

Дружище, ты не путайся и не нервничай. Просто ты должен понимать, что отталкиваться нужно от родителей, а не от потомков. Поиграйся с z-index у родителей того и иного участка.

[mishka]

У .header есть релейтив, и у .mainBar есть релейтив. Но .mainBar идет по коду после .header, а значит выше по оси Z.

Выход: добаить хедеру z-index: 1.

И не нужно всякой фигни типа _position: static, которая в итоге только запутает.

[BassEast]

У .header есть релейтив, и у .mainBar есть релейтив. Но .mainBar идет по коду после .header, а значит выше по оси Z.

Выход: добаить хедеру z-index: 1.

И не нужно всякой фигни типа _position: static, которая в итоге только запутает.

а как быть если у родителя релатив и z-index:100, в нём лежит pop-up, который абсолют, но z-index:1000. А дальше по коду идёт простой текст с картинками, но pop-up почему-то всё равно под текстом и картинками. Это здесь, если навести в IE на "Коллекция чая".

[psywalker]

У .header есть релейтив, и у .mainBar есть релейтив. Но .mainBar идет по коду после .header, а значит выше по оси Z.

Выход: добаить хедеру z-index: 1.

И не нужно всякой фигни типа _position: static, которая в итоге только запутает.

а как быть если у родителя релатив и z-index:100, в нём лежит pop-up, который абсолют, но z-index:1000. А дальше по коду идёт простой текст с картинками, но pop-up почему-то всё равно под текстом и картинками. Это здесь, если навести в IE на "Коллекция чая".

Это всё не важно, отталкивайся либо от родителей, либо от потока, т.е. от элементов на одном уровне, если они соседние.

[mishka]

У .header есть релейтив, и у .mainBar есть релейтив. Но .mainBar идет по коду после .header, а значит выше по оси Z.

Выход: добаить хедеру z-index: 1.

И не нужно всякой фигни типа _position: static, которая в итоге только запутает.

а как быть если у родителя релатив и z-index:100, в нём лежит pop-up, который абсолют, но z-index:1000. А дальше по коду идёт простой текст с картинками, но pop-up почему-то всё равно под текстом и картинками. Это здесь, если навести в IE на "Коллекция чая".

    <div class="box1" style="position: relative; z-index: 1">
        <div class="popup" style="position: relative; z-index: 1000"> z-index хоть мильйон, а выше блока .box2 этот попап не будет, так как его родитель ниже блока .box2

        </div>
    </div>
    <div class="box2" style="position: relative; z-index: 2"></div>

[BassEast]

У .header есть релейтив, и у .mainBar есть релейтив. Но .mainBar идет по коду после .header, а значит выше по оси Z.

Выход: добаить хедеру z-index: 1.

И не нужно всякой фигни типа _position: static, которая в итоге только запутает.

а как быть если у родителя релатив и z-index:100, в нём лежит pop-up, который абсолют, но z-index:1000. А дальше по коду идёт простой текст с картинками, но pop-up почему-то всё равно под текстом и картинками. Это здесь, если навести в IE на "Коллекция чая".

    <div class="box1" style="position: relative; z-index: 1">
        <div class="popup" style="position: relative; z-index: 1000"> z-index хоть мильйон, а выше блока .box2 этот попап не будет, так как его родитель ниже блока .box2

        </div>
    </div>
    <div class="box2" style="position: relative; z-index: 2"></div>

    <div class="box1" style="position: relative; z-index: 1">
        <div class="popup" style="position: relative; z-index: 1000"> в моём случае box2 находится в box1</div>
        <div class="box2"> <img scr="хреновакартинка.jpg" /> </div>
    </div>

Edited June 23, 2011 by BassEast

[BassEast]

Честное слово, даже странно как-то..

Следующий контент после поп-апа не имеет никакого позиционирования, но поп-ап всё равно под него лезет.

Даже zoom:1 не помогает)) - это иногда лекарство от всего..

Help..