css абсолютное позиционирование на FF/chrome между окнами и mac

Я использую следующий тест. В firefox/chrome/safari на моем mac, panel1 отображает над панелью2. Но на firefox/chrome на моем оконном компьютере он отображается снизу.css абсолютное позиционирование на FF/chrome между окнами и mac

Я хочу, чтобы панель 1 была размещена непосредственно над панелью2. Что такое правильный способ сделать это ?:

<html> 

    <head> 
    </head> 

    <body> 

     <!-- Appears on top of panel2 in safari/chrome/ff on mac, but underneath on windows. --> 
     <div id='panel1' style='z-index:6; position:absolute; width:100px; height:100px; background-color:red'> 
     </div> 

     <div id='panel2' style='z-index:3; width:100px; height:100px; background-color:yellow'> 
     </div> 

    </body> 

</html>

мне показали этот трюк в предыдущем вопросе. Я не могу установить верхнюю/левую позицию панели1 (я думаю), потому что она находится в большем гнезде div, который будет перемещаться по экрану, когда пользователь изменяет размер своего растра браузера.

Благодаря

----------- Обновление -------------

Пробовал явно установить Z-индекс по обе дивы, что работал.

источник

2010-08-01 user246114

FYI, вот страница, в которой приводятся некоторые примеры индекса z по умолчанию. Попробуйте установить его явно, как было предложено. https://developer.mozilla.org/en/Understanding_CSS_z-index/Stacking_without_z-index –

IIRC 'z-index' не изменяет ничего, если элементы имеют разные« потоки »(забыл, что он вызывается в спецификации). Поскольку один div имеет статическую позицию, а другой имеет абсолютную позицию, их z-индексы не относятся. – strager

Кроме того, используя точную разметку в сообщении, это выглядит красным во всех браузерах: http://jsbin.com/ehuho3 – strager

<div id='panel2' style='z-index:3; width:100px; height:100px; background-color:yellow'> 
    </div> 

    <div id='panel1' style='z-index:5; position:absolute; width:100px; height:100px; background-color:red'> 
    </div>

Нравится, может быть? Поменяйте позицию 2.

источник

2010-08-01 22:44:02 Mark

Same - panel2 все еще появляется над панелью1! – user246114

Вы пробовали установить стиль z-index на panel1?

источник

2010-08-01 22:43:13 Douglas

Да, просто попробовала, одна и та же проблема - обновит код выше. – user246114

css абсолютное позиционирование на FF/chrome между окнами и mac

ответ

Смежные вопросы