display:none,visibility:hidden和opactiy:0之间的区别
1.空间占据
display:node隐藏后不占额外空间,它会产生回流和重绘,而visibility:hidden和opactiy:0元素虽然隐藏了,但他们仍然占据着空间,他们俩只会引起页面重绘。
2.子元素继承
display:none不会被子元素继承,但是父元素都不在了,子元 素自然也就不会显示了
visibility:hidden会被子元素继承,可以通过设置子元素visibility:visible使子元素显示出来
opactiy:0也会被子元素继承,但是不能通过设置子元素opactiy:0使其重
原创
2020-08-17 15:03:58 ·
439 阅读 ·
0 评论