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

本文主要是介绍display:none；visibility: hidden；opacity: 0； 重排 重绘，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

这篇关于display:none；visibility: hidden；opacity: 0； 重排 重绘的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---