关于这个页面，鼠标左键为什么会被禁用？

Question

用webpack3 + vue开发时，遇到个很奇怪的问题：页面的鼠标左键被禁用!
就是无法点击button和input，也无法选中文字.

万恶的页面：https://benleie.github.io/pag...

这个要怎么解决？求思路

另：配置情况在这里 https://github.com/Benleie/vu...

Answer 1

样式层级问题你设置了 z-index:-1;
所以鼠标触摸不到

#cover[data-v-147cc361] {
        background-color: #999;
        opacity: .9;
         z-index: -1;
       }

修改为

#cover[data-v-147cc361] {
        background-color: #999;
        opacity: .9;
       }

Answer 2

把这个#cover 的z-index -1样式去掉就正常了

Answer 3