本文对比了CSS中visibility和display属性的不同用法。visibility='hidden'用于仅隐藏元素但保留其位置，而display='none'则完全移除元素并释放其所占空间。两者都会影响页面布局及元素交互。
visibility=”hidden”
- visibility=”hidden”表示（仅）隐藏，不可恢复。当visibility被设置为”hidden”的时候，元素虽然被隐藏了，仍然占据它原来所在的位置。visibility会保留元素的位置。元素被隐藏之后，就不能再接收到其它事件了，也不能再接收响应到事件了，因此也就无法通过JS令其显示出来。
同时，该属性不会引起页面的reflow和repaint(回流与重绘)；
display=”none”
- display=”none”隐藏（元素消失），可恢复。当display被设置为”none”的时候，除了元素隐藏之外，与visibility=”hidden”完全相反。即会引起reflow和repaint的同时还会接受响应事件。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
