這是網(wǎng)頁的一部分。我把網(wǎng)頁分成了3個<div>,然后淺藍色的是一個<div> 淺藍色下面的也是一個<div>，但是中間的部分怎么才能遮擋住上面的淺藍色？ 我用{position：absolute；然后用top：50px；}實現(xiàn)了效果，但是我并沒有用的Z-index屬性。但是我用{Z-index：-50px; position: absolute;}并沒有實現(xiàn)效果。求大神指教兩個做法的區(qū)別。以及我怎樣才能用z-index才能實現(xiàn)上面的效果。
4 回答
weibo_哆啦A夢有大口袋_0
TA貢獻107條經(jīng)驗 獲得超146個贊
首先你的淺藍色<div>是存在標準文檔流中的position的默認值是static,你可理解為z-index:0，
z-index:0你可以想象成地面，
position:absolute、relative、fixed這三個屬性下內(nèi)容，相當(dāng)于放在地面上的東西，他們的z-index默認值是>0，
z-index是控制層面的屬性，當(dāng)時你設(shè)置Z-index：-50px; 相當(dāng)于你把這塊內(nèi)容放在地底下了
我講的不是很好，你如何想了解詳細的知識《網(wǎng)頁基礎(chǔ)布局》http://idcbgp.cn/learn/95
-
愛IT的廣告狗謝謝啦
四葉草姑娘
TA貢獻8條經(jīng)驗 獲得超3個贊
首先，z-index 屬性是定位一個定位元素沿 z 軸的位置，你現(xiàn)在想做的是平面移動（x-y軸），與三維（z軸）沒關(guān)系喲。
其次，它的值只有auto（默認，和父元素一樣），number（堆疊順序），inherit（繼承父元素）。你寫個px是不對噠。
添加回答
舉報
0/150
提交
取消