问题:如下图弹出页面操作不了

分析:审查元素，发现是内联元素样式z-index:19891015导致的，修改内联元素样式z-index:0发现可以操作了

解决方法:内联样式优先级高，再引入css覆盖样式不起作用，后来才发现有能覆盖掉内联样式的方法。就是加上!important，它可以改变样式优先级，降低内联样式的优先级。 

{block name="style"}
<style>
    .layui-layer-shade{
        z-index:0 !important;
    }
</style>
{/block}

 

版权声明：本文为zouke1220原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zouke1220/p/9729227.html