CSS:隐藏对象是否可点击?

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的CSS相关文章