display:none；visibility: hidden；opacity: 0；重排重绘

最新推荐文章于 2023-02-04 00:04:20 发布

新枯木逢春

最新推荐文章于 2023-02-04 00:04:20 发布

阅读量301

点赞数

分类专栏： css 文章标签： css3 css html

原文链接：https://blog.csdn.net/github_39673115/article/details/77926351

版权

css 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

/* 1重排 2不会被子元素继承，但是父元素都不在了，子元素自然也就不会显示了 3无法触发绑定的事件 4transition无效 */
display: none;
/* 1重绘 2会被子元素继承，可以通过设置子元素visibility:visible 使子元素显示出来 3无法触发绑定的事件 4transition无效 */
visibility: hidden;
/* 1重绘 2也会被子元素继承，但是不能通过设置子元素opacity: 1使其重新显示 3可以触发绑定的事件 4transition有效 */
opacity: 0;