<div class="shadow-box"></div> <div class="slibling-box"></div>
如果slibling-box是相对定位或是绝对定位,这个shadow-box的css阴影是不会显示的。
原因是因为css精确定位的元素在浏览器的渲染中或默认的覆盖自由布局的元素,在这里slibling-box会覆盖shadow-box,所以无论怎样设置阴影都是不会显示的。
解决办法,去除相邻元素的精确定位属性,或是对设置阴影的元素应用精确定位+z-index。