Layui 轮播插件 内容鼠标事件无法响应

Layui 轮播插件 内容自定义鼠标事件无法响应原因是 默认的控制标签<div class="layui-carousel-ind"><ul><li class=""></li><li class=""></li><li class="layui-this"></li></ul></div>覆盖在轮播的内容上层，所以屏蔽轮播内容的鼠标事件响应

 

解决方法：

修改 <div carousel-item="" class="carousel-items"> 标签的层级属性，至于上层就可以响应鼠标事件了

        /*
            补充添加样式，提升标签层级 否则被layui 动态添加控制内容覆盖无法响应鼠标事件
        */
        .carousel-items{
            z-index:999;
        }