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;
        }