本文详细介绍了CSS中用于隐藏元素的三种方式：opacity: 0、visibility: hidden和display: none。opacity: 0使元素透明但保持布局不变，点击事件仍有效；visibility: hidden隐藏元素但保留布局，事件不可触发；display: none则移除元素并改变布局，元素彻底不可见。了解这些差异对于网页交互设计至关重要。
1. opacity: 0，利用透明度为0,完全透明使元素隐藏，不会改变页面布局,任然占据页面原来的位置，如果该元素已经绑定一些事件，如click事件， 那么点击该区域，能够触发点击事件.类似于看不见,但是摸得着
2. visibility: hidden,该元素隐藏，不会改变页面布局,任然占据页面原来的位置，但是不会触发该元素已经绑定的事件,这个看不见也摸不着
3. display: none, 元素消失，会改变页面布局,不再占据页面原来的位置，可以理解成在页面中把该元素删除掉。这个就直接删除这个元素,已经不存在了
扫一扫
1722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
