だからここに私がやろうとしていることの写真があります:
http://imageshack.us/content_round.php?page=done&l=img14/1023/62507155.jpg
FF表示はOK、IE8-わからない、つまり1台のPCでOK、別のPCからのチェックはOKではない、IE7はOKではない。
ポジショニング相対のdivと、透明でdiv 2をオーバーレイする背景画像があります。Div2は絶対位置に配置され、z-index:-1でdiv1の下部に貼り付けられます。
すべてのブラウザ(特にIE7 / 8)で同じように表示するにはどうすればよいですか?親divにhiggerz-indexを配置し、ネストされたdivに下位を配置することについて読みましたが、すべてのブラウザーでdiv2が最上位になります。
コードは次のとおりです。
#div1 {
position: relative;
height: 900px;
width: 850px;
float: left;
background: url(img/background-left.png) no-repeat;
}
#div2 {
position: absolute;
background: red;
width: 850px;
height: 420px;
bottom: 0px;
border: none;
z-index: -1;
}
<div id="div1">
<div id="div2"></div>
</div>
div1から相対位置を削除すると、その背景は常にdiv2の上に表示されますが、相対位置がないと、div2をdiv1の下部に固定できません。