如何防止框陰影顯示在另一個元素上？

Question

所以我遇到過這個問題很多，但是直到最近的一個項目讓我非常擔心。

<div style="background-image:url(img/s_top_ribbon_terminal.png); height:6px;"></div>

<div style="background-color:#FFF; box-shadow:rgba(0, 0, 0, 0.23) 0 0 16px; -moz-box-shadow:rgba(0, 0, 0, 0.23) 0 0 16px; -webkit-box-shadow:rgba(0, 0, 0, 0.23) 0 0 16px;">Lorem Ipsum</div> Lorem存有

基本上，狀態轉到：我有與結合盒陰影另一個元素之前進入圖像或文本的元素。當我希望第一個元素位於第二個元素的「前面」（如果有意義）第二個元素的陰影時，盒子陰影將繼續檢查第一個元素。我將如何能夠做到這一點？我試過z-index，但那似乎並不奏效？

Answer 1

z-index將起作用。確保在元素上使用定位（絕對，相對或固定）。