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