CSS样式隐藏元素？opacity、visibility和display的区别？

最新推荐文章于 2024-04-07 16:53:07 发布

qq_37299525

最新推荐文章于 2024-04-07 16:53:07 发布

阅读量97

点赞数

文章标签： css css3 前端

本文链接：https://blog.csdn.net/qq_37299525/article/details/129146428

版权

                    
                    特点 
  opacity 属性的效果是将元素(包含子元素)添加透明度,取值范围是0~1，占用文本流
visibility给元素(包含子元素)设置visibility: hidden也可以隐藏这个元素，但是如果重新给子元素设置visibility: visible,则子元素又会显示出来，占用文本流
display如果给一个元素(包含子元素)设置了display: none，不占文本流
 
区别 
  继承性：visibility可继承、其他不行
占用文本流：display不占，其他都占用
 
其他 
  background-color:rgba(0,0,0,0)给元素(不包含子元素)设置背景色透明
position:fixed;top:1000%给元素偏离可视区域