Я хотел установить двухцветный полноэкранный фон для моей страницы:
<body>
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 0%; z-index:-1;background-color: 96C3FF"></div>
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 50%; z-index:-1;background-color: BEC0C2"></div>
<div id="mainDiv">...</div>
</body>
Это прекрасно работает на Chrome и IE8, но не на FF3. Я подумал, может быть, мне нужно установить высоту тела на 100%, но это не помогает.
Если я удаляю z-index, они правильно видны во всех 3 браузерах, но отображаются поверх mainDiv ... и установка z-index для mainDiv в 1 ничего не делает.
Я не думал, что это было что-то необычное ... какие-нибудь идеи?