-1

ある div を別の div に配置したいレイアウトを設計しようとしています。しかし、問題は、バック div のリンクが機能していないことです。

<div id="container" style="z-index:-10;position:relative;height:100px">
    <a href="http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div">StackOverflow1</a>
</div>
<div id="container1" style="margin-top:10px">
    <a href="http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div">StackOverflow1</a>
</div>

つまり、 div id のリンクにアクセスしようとすると、アクセスcontainerできません。この問題を解決する方法。

注：container1上記が必要なため、z-indexを削除できませんcontainer

4

2 に答える 2

0

答えは、できません。親コンテナーは既に に設定されているz-index:-10ため、子はそれよりも高い z-index 値を持つことはできません。div で適用position:relativeしたので、このようなマークアップを少し変更してみてください。container

<a href="#" style="position:absolute;left:0;">StackOverflow1</a>
<div id="container" style="z-index:-10;position:relative;height:100px"></div>
<div id="container1" style="margin-top:10px">
    <a href="#">StackOverflow1</a>
</div>

を追加position:absoluteすると、リンクは z-index が低い親コンテナー内にあるように機能し、もちろんアクセス可能になります。ここで更新された jsfiddle を確認できますhttp://jsfiddle.net/gyheE/2/

于 2013-06-18T07:19:27.640 に答える