Я использую следующий тест. В Firefox / Chrome / Safari на моем Mac, Panel1 отображается выше Panel2. Но на Firefox / Chrome на моем компьютере с Windows он отображается снизу.
Я хочу, чтобы панель 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>
Мне показали этот трюк в предыдущем вопросе. Я не могу установить верхнюю / левую позицию panel1 (я думаю), потому что она находится в большем гнезде div, которое будет перемещаться по экрану, когда пользователь изменяет размер своего браузера.
Спасибо
----------- Обновление -------------
Пытался явно установить z-index для обоих div, что сработало.