在div布局的過程中，經常會遇到div層疊的情況，我們通常有兩種解決方式：float和z-index。在大多數的情況下我們選擇不占用記憶體的float來實現層的浮動，但是float存在著很多bug，尤其是複雜的層疊結構下很容易出現意外狀況。因此在層疊結構複雜的情況下建議盡量不要使用float而使用z-index。
那麼z-index的使用有什麼技巧和注意事項呢？
z-index可以對你的div進行分級，取值範圍：-32767~32767。z-index
支援負數，div預設的層次為0，
數值越大層次越高，反之越低
。接下來我們來做個測試：
css樣式：
.a.b
.chtml布局：
結果：為什麼div沒有層疊在一起？
原因是z-index
僅能在定位元素上奏效，因此我們還要對三個div加上position:absolute。
.a.b
.c看效果：
這裡要注意，雖然我們沒有對b進行z-index的設定，但是為了不影響其它層的z-index的使用我們要給它也加上position:absolute，不然會出現這樣的情況：
對於層的位置我們通過top和left來改變的層的位置（相對於body），
這裡在引出乙個知識點，在
div巢狀的情況下，父級
position: relative,
子級position:absolute
，子級裡的
top、
left
定位是相對於父級
div。
這是我寫的第一篇技術貼，寫的不好敬請見諒~
迴圈的熟練應用
階乘為例 while迴圈 includeint main printf d n factor return 0 do while迴圈 includeint main while i n printf d n factor return 0 for迴圈 includeint main printf d...
DIV CSS正在改變表現層的開發
div css正在改變表現層的開發 文於 2006年1月20日 最近忙的都差點忘了自己是技術出身了,其實自己還是喜歡技術,尤其是新技術.這兩天看了一些國外的 無意中發現它們好多都開始使用div css來實現自己表現層的架構,於是從網上搜了一些這方面的資料.開始看感覺使用div css來實現很亂,尤其...
div css彈出層半透明遮罩層效果實現
背景半透明，覆蓋整個可視區域的遮罩層效果在工作中經常會遇到，這篇文章主要介紹了當內容超過一屏時如何做到多瀏覽器的相容性。下面我們通過乙個簡單的例子看看如何實現，高手請繞道。html 很簡單 1 半透明效果可以使用 css3 中的 opacity 屬性，在低版本的ie瀏覽器中使用ie的alpha 濾鏡...