Question

我在IE Edge上进行测试。这是我的css代码：

li.inactive{
    pointer-events: none;
    background: #ccc;
    -webkit-filter: none;
    filter:none;
    opacity: 1;
    cursor: not-allowed;
    h1{
        background: #eee;
        color: #ccc;
        span{
            color: #ccc;
        }
        i{
            color: #ccc;
        }
    }
    h1:after{
        border-color: transparent transparent transparent #eee;

    }
}

在Chrome上工作但我可以将鼠标悬停在h1上并点击li。任何建议如何解决这个问题？

Answer 1

first()不适用于IE11和Edge中的链接，除非显示设置为pointer-event或block。 Source

li项目既不是inline-block也不是display:block;，除非已指定，因此要解决此问题，请尝试以下操作：

display:inline-block;

Answer 2

只需将diplay: inline-block;添加到CSS类中即可。

在这里检查： https://codepen.io/ymana/pen/yGWPWw

指针事件：没有在李不工作的边缘？

2 个答案: