display:none;visibility:hidden;和opacity:0;的区别

display:none;

visibility:hidden;

opacity:0;

它们都可以让元素隐藏掉,但是它们之间还是有区别的

display:none;隐藏后不占空间

而另外两个虽然隐藏了元素,但是还是占据着空间

而transition对于display:none;和visibility:hidden;是无效的

但是对于opacity:0;是有效的

 

posted @ 2018-12-22 09:29  曹直  阅读(760)  评论(0编辑  收藏  举报