z-index:设置图层堆叠效果

使用说明:

z-index 属性指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

实际想得到的效果:

       影像查看是一个图层,轮播的遮罩层是一个图层(橙色线框住的),影像查看的图层应该在轮播的遮罩层之下,如下图:

z-index:设置图层堆叠效果

最初效果图:

       影像查看的图层将轮播的遮罩层遮挡了,如图:

z-index:设置图层堆叠效果

解决办法:

可在开发人员工具中(F12)分别查看影像查看图层的zIndex值和轮播遮罩层的zIndex值,并根据实际情况对zIndex值进行调整。