運行下面代碼看看
<div style="z-index:4;width:560px;background-color:Aqua; ">不生效 <a href="http://"></a></div>
<div style="z-index:3;width:360px;background-color:Fuchsia; position:absolute;">有效 <a href="http://"></a></div>
<div style="width:630px;background-color:Silver;height:100px">底部</div>
效果如下:
不生效
有效
底部
z-index 僅能在定位元素上生效,所以給div的style加上z-index:3的同時,要記得加上position:absolute;或者position:fixed;,才能生效。