Css 指针事件:li上无未在边缘上工作?
我在IE Edge上测试。这是我的css代码: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{
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更改为块元素,指针事件起作用。