如何防止框阴影显示在另一个元素上?

01j*_*yss 1 css z-index css3

所以我经常遇到这个问题,但直到最近的一个项目确实让我感到非常伤心.

<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 Ipsum

基本上情况是这样的:我有一个图像或文本的元素在另一个包含框阴影的元素之前.然后,当我希望第一个元素"在前面"(如果有意义的话)第二个元素的阴影时,框阴影将继续遍历第一个元素.我怎么能这样做?我试过z-index,但那似乎没有用?

Joh*_*een 5

z-index将起作用.确保在元素上使用定位(绝对,相对或固定).