5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

/* CSS、スタイルシート質問スレッド【11】 */

828 :828:02/10/10 09:18 ID:lrgniebB
質問です。
私のサイトではNetscape6.1以上対策として
固定シートにbody{position:relative;z-index:0;}と指定してあります。
これをしないとz-indexにマイナス値を指定した要素が表示されなくなるからです。

さて最近、overflowによる擬似フレームに挑戦してみようとして、優先シートに
body {overflow:hidden;}
#main {
position:absolute; top:0; left:0;
width:100%; height:100%;
overflow:auto;
}
#menu {
position:absolute;
bottom:0;
z-index: 100;
}
<body><div id="main">本文……</div><div id="menu">メニュー</div></body>
としました。Internet Explorer 6ではこれで意図通りの表示となります。
しかしNetscape 7では、ウィンドウが真っ白になり、全く何も表示されないのです。
試行錯誤の末、body{position:static}を追加指定すると、やっとN7でも成功。
しかしこれではbody内でz-indexを負値に指定した要素が表示されなくなります。
正直、このあたり理窟がよくわかってないのですが、
うまい対処法とご解説をいただけると助かります。

247 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)