Css 指针事件:li上无未在边缘上工作?

Css 指针事件:li上无未在边缘上工作?,css,Css,我在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{

我在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上,它工作正常,但在chrome上,我可以将鼠标悬停在h1上,然后单击li。有什么建议可以解决吗?

指针事件
在IE11和Edge中的链接上不起作用,除非显示设置为
内联块

li项既不是
display:block
显示:内联块,除非已指定,否则要解决此问题,请尝试以下操作:

li.inactive{
    display:block;
    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;

    }
}

指针事件
在IE11和Edge中的链接上不起作用,除非显示设置为
内联块

li项既不是
display:block
显示:内联块,除非已指定,否则要解决此问题,请尝试以下操作:

li.inactive{
    display:block;
    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;

    }
}

只需添加
diplay:inline块到您的CSS类

请点击此处:

只需添加
diplay:inline块到您的CSS类

请点击此处:

这不是中列出的任何已知问题吗?(链接到css显示属性)。此外,您不能嵌套CSSdeclarations@Simon,它确实表明指针事件在IE11和Edge中不起作用,除非元素被设置为块或内联块(li元素不是标准的)im使用SCS…您不能在
li
中包含
h1-h6
,这不是中列出的任何已知问题吗?(链接到css显示属性)。此外,您不能嵌套CSSdeclarations@Simon,它确实说明指针事件在IE11和Edge中不起作用,除非元素设置为block或inline block(li元素不是标准元素)我在使用scss…你不能在
li中使用
h1-h6
,我在li上添加了显示:阻止,但我仍然可以单击并将鼠标悬停在h1上。这对我来说是指针事件:IE上没有允许单击元素。通过将li更改为块元素,指针事件起作用。我添加了display:block on li,但我仍然可以单击并将鼠标悬停在H1上。这对我来说是指针事件:IE上没有允许单击该元素。通过将li更改为块元素,指针事件起作用。