z-index:设置图层堆叠效果
使用说明:
z-index 属性指定一个元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
实际想得到的效果:
影像查看是一个图层,轮播的遮罩层是一个图层(橙色线框住的),影像查看的图层应该在轮播的遮罩层之下,如下图:
最初效果图:
影像查看的图层将轮播的遮罩层遮挡了,如图:
解决办法:
可在开发人员工具中(F12)分别查看影像查看图层的zIndex值和轮播遮罩层的zIndex值,并根据实际情况对zIndex值进行调整。