css隐藏元素的几种方式

0 阅读1分钟

方式一:display:none

方式二:opacity:0 设置元素的透明度

方式三:visibility:hiddle

方式四:position:absolute (通过定位将元素移至页面外)

方式五:transform:scale(0,0) (将元素进行无限缩小)

方式六:z-index: -1 (设置小于0的值,元素会被覆盖)

注意:方式一元素会移除文档流会引起重排(reflow)和重绘(repaint)‌,可能影响性能

频繁性的修改状态建议使用visibility属性