DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> z-index不生效的原因和解決方法
z-index不生效的原因和解決方法
編輯:WEB前端代碼     
運行下面代碼看看

<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;,才能生效。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved