2

時々この問題に遭遇しましたが、私は常に代替コードを使用して回避してきました。

残念ながら、今回は手が必要です。

IE7 では、2 つの兄弟 DIV に「position:relative」がある場合、それらの絶対位置の子は「次の兄弟 DIV」の下に消えます。

http://jsfiddle.net/qN74X/

<div style="width:200px;position:relative;background:yellow;">XXX
    <div style="position:absolute;z-index:1;background:red;
                height:70px;top:0;left:50%;">ZZZ</div>
</div>

<div style="position:relative;width:200px;background:pink;">YYY</div>

どうすればこれを解決できますか?

ありがとう

4

1 に答える 1

1

要素にカーソルを合わせるときは、(先端だけでなく)z-indexも設定します。主な変更点は次のとおりです。

body > div{
    position:relative;
    z-index:1;
}
body > div:hover{
    z-index:5;
    border:0 none;
}

基本的に、外側のコンテナ(背景があった場所)には、z-indexを変更するために必要なものがありました。また、border:0を配置する必要がある理由もわかりませんが、それがないと機能しませんでした。

jsfiddle: http: //jsfiddle.net/qN74X/3/

于 2012-12-31T14:53:06.217 に答える