国产清纯白嫩初高生在线观看,少妇厨房愉情理伦片bd在线观看

一、概念
z-index伴隨著層的概念產(chǎn)生的。網(wǎng)頁(yè)中，層的概念與photoshop或是flash中層的概念是一致的。熟悉photoshop或是flash的應(yīng)該知道，層級(jí)越高（圖層越靠上），越在上面顯示，如果層發(fā)生重疊，層級(jí)高的會(huì)覆蓋層級(jí)低的，如果非透明或半透明，則會(huì)遮擋。
在photoshop中
層的高低就是靠手動(dòng)調(diào)的，鼠標(biāo)拖拽，或是ctrl ]或是ctrl shift [快捷鍵改變層的次序。如下圖，鼠標(biāo)拖移改變層次序的過(guò)程中：

在flash中
類似，可以手動(dòng)改變圖層次序，或是使用as腳本，例如：容器對(duì)象.setChildIndex(顯示對(duì)象,0)就是讓對(duì)象底層顯示，而容器對(duì)象.setChildIndex(顯示對(duì)象,容器對(duì)象.numChildren-1)就是最上面顯示。
在CSS中
Z-index屬性決定了一個(gè)HTML元素的層疊級(jí)別。元素層疊級(jí)別是相對(duì)于元素在Z軸上（與X軸Y軸相對(duì)照）的位置而言。一個(gè)更高的Z- index值意味著這個(gè)元素在疊層順序中會(huì)更靠近頂部。這個(gè)層疊順序沿著垂直的線軸被呈現(xiàn) 。顯然，只能通過(guò)代碼改變層級(jí)，這個(gè)屬性就是z-index，要讓z-index起作用有個(gè)小小前提，就是元素的position屬性要是relative，absolute或是fixed 。下為z-index的示意圖：

按照正常的思維，z-index層級(jí)越高，內(nèi)容越應(yīng)該在上面顯示。在大部分的瀏覽器在大部分的情況下，確實(shí)如此，但是不絕對(duì) 。尤其遇到IE6，這家伙，估計(jì)是后媽帶大的，從小營(yíng)養(yǎng)不良，結(jié)果后來(lái)健康問(wèn)題一堆又一堆。z-index的問(wèn)題就是其中之一，而本文就是要講講這個(gè)IE6下z-index不起作用的問(wèn)題。
二、關(guān)于效果截圖的些必要說(shuō)明
1、頁(yè)面上固定不動(dòng)的一個(gè)黑色背景，透明度40%，幾乎滿屏顯示的層級(jí)為1的絕對(duì)定位層。
HTML為：div id=blank/div
對(duì)應(yīng)CSS為：#blank{width:100%; height:600px; background:black; opacity:0.4; filter:alpha(opacity=40); position:absolute; left:0; top:0; z-index:1;}
作用是為了讓層級(jí)關(guān)系一目了然 ?？矗?br>

這說(shuō)明內(nèi)容在z-index為1的絕對(duì)定位層之下。

這說(shuō)明內(nèi)容在z-index為1的絕對(duì)定位層之上。
2、頁(yè)面上做對(duì)比的是美女圖片，圖片在半透明黑色絕對(duì)定位層的上面還是下面很容易辨別，這樣，您就能夠?qū)ξ宜f(shuō)的z-index不起作用有很直觀的認(rèn)識(shí)了。
三、IE6的抱怨：浮動(dòng)讓我沉淪
首先講講第一種z-index無(wú)論設(shè)置多高都不起作用情況。

這種情況發(fā)生的條件有三個(gè)：

1、父標(biāo)簽 position屬性為relative；
2、問(wèn)題標(biāo)簽無(wú)position屬性（不包括static）；
3、問(wèn)題標(biāo)簽含有浮動(dòng)(float)屬性。

您可以拿下面的代碼自己做個(gè)簡(jiǎn)單測(cè)試：
div id=blank/div
div style=position:relative;z-index:9999;
imgstyle=float:left;src=http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg /
/div
z-index都9999了，層級(jí)夠高吧，但是，看下面的圖：

現(xiàn)在去掉浮動(dòng)，HTML代碼如下：
div id=blank/div
div style=position:relative; z-index:9999;
img src=http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg /
/div
結(jié)果IE6下：