z index無效 注意事項

1.z-index只能作用在position為absolute,relative,fixed的非static元素上

2.z-index只能在同等級元素上作用，無法在父元素和子元素上起作用（父元素和別的父元素的子元素這樣是無效的）。

3.看2的下面例子：自己去執行一下就可以理解了。反正記住用z-index要在同乙個級別的元素用。把下面的紅色部分分別刪和不刪比較下。

doctype html
>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>insert title here
title
>
<
style 
type
="text/css"
>
html,body
style
>
head
>
<
body
>
<
div 
style
='width:100%;height:1000px;'
>
<
div id='父1' 
style
='width:200px;height:100px;position:relative;background:green;top:0px;z-index:3;'
>
<
div id='子1' 
style
='width:100px;height:100px;position:absolute;top:100px;left:30px;background:white;border:1px 
solid blue;'
>
子1            
div>
div>
<
div id='父2' 
style
='width:200px;height:100px;position:absolute;background:red;left:30px;top:50px;z-index:2;'
>紅色
div>
<
div 
style
='width:200px;height:100px;position:absolute;background:yellow;left:60px;top:120px;z-index:1;'
>黃色
div>
div>
body
>
html
>

z index 無效與注意事項

注意事項 1.z index只能作用在position為absolute,relative,fixed的非static元素上 2.z index只能在同等級元素上作用，無法在父元素和子元素上起作用 父元素和別的父元素的子元素這樣是無效的 z index無效 1.第一種情況 z index無論設定多高...

z index無效解決

1 父標籤 position屬性為relative 2 問題標籤無position屬性 不包括static 3 問題標籤含有浮動 float 屬性。這樣也很好理解為什麼parent設定了position和z index之後insert的z index就會失效的問題了，他的解決辦法有是三個 1 pos...

java DOM 注意事項

1.w3c把標籤內的文字部分也定義成乙個node 2.element物件代表的是xml文件中的標籤元素 繼承於node，亦是node的最主要的子物件 3.attr實際上是包含在element中的，它並不能被看作是element的子物件，因而在dom中attr並不是dom樹的一部分，所以node中的 ...