CSS Box陰影可以流到它下面的物品上嗎？

Question

有沒有一種方法用上面的物品的箱子陰影覆蓋下面的物品？

請大家看看：this example

有沒有辦法覆蓋的白框與紅框的影子？提前致謝。

Answer 1

#red-box { z-index: 2000; } 
#white-box { z-index: 1000; } 

更高的z-index意味着它將放置在較低z-索引的項目之上。

---

順便說一句，是非常有用的，你的頁面重新加載自身，所以我不能樣式表從Web檢查改爲進行測試。

Answer 2

給兩個框position: relative並把紅色的盒子比白盒更高z-index：

#d1, #d2 { 
    position: relative; 
} 

#d1 { 
    /* Other styles */ 
    z-index: 1; 
} 

#d2 { 
    /* Other styles */ 
    z-index: 0; 
} 

Answer 3

如果你給它（上一個）position:relative它會工作。

Answer 4

固定位置：用z-index