码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-22 11:33:02      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:hidden   isp   hid   none   one   bsp   opacity   之间   元素   

display:none;

visibility:hidden;

opacity:0;

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

display:none;隐藏后不占空间

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

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

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

 

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

标签:hidden   isp   hid   none   one   bsp   opacity   之间   元素   

原文地址:https://www.cnblogs.com/cz0017/p/10159850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!