C.visibility:hidden;产生reflow和repaint
时间: 2024-06-04 11:08:20 浏览: 213
css元素隐藏原理及display:none和visibility:hidden
当使用`visibility: hidden;`隐藏元素时,不会触发重绘和重排。因为该元素仍然占据着布局空间,只是不可见而已。
但是,当我们使用`display: none;`隐藏元素时,元素会被完全移除,导致其他元素填补它的空间,从而会触发重排和重绘。
需要注意的是,如果被隐藏的元素是一个容器,它内部的子元素的状态也会影响到是否会触发重排和重绘。如果子元素的样式发生变化,也会导致父元素重排和重绘,因为父元素需要重新计算自己的尺寸和位置。
阅读全文