box-shadow被遮挡

场景

A B两个元素，A元素设置了box-shadow，但是B元素在与A元素重叠的时候将阴影遮挡

解决

1.A元素设置position:absolute/relative;

2.A元素设置z-index:1;

提示

因为z-index只有定位元素的情况下起效，所以单纯设置z-index无法解决问题