CSS：隐藏对象是否可点击？

如果HTML对象的样式的visibility属性设置为hidden，它仍然可以点击？

当display属性设置为none时，对象甚至不是DOM树的一部分，因此这不是问题。但我想知道一个隐藏的对象是否仍然响应鼠标事件。

解决方法

使用display：none它仍然是DOM的一部分。它只是不在视口中呈现。

对于可见性为hidden的元素的点击，事件不会触发。

jsFiddle。

$('div').click(function() {
    alert('Hello')
});

div {
    width: 100%;
    height: 100%;
    visibility: hidden; 
}

<div>abc</div>

原文地址：https://www.jb51.cc/css/221890.html