display:none和visibility:hiddden

本文对比了CSS中display:none与visibility:hidden两种隐藏元素的方法。前者使元素完全消失且不占空间,后者则使元素视觉上消失但仍保留原有布局空间。此外,文章还探讨了这两种属性在页面加载过程中的表现差异。
1. 表现层上来说:
    二者都会让元素不可见,区别是disply:none是不可见的同时不会占用原来的区域,但是visibility:hidden会占用原来的地方

2. 深度理解
    测试: 在页面一开始加载的时候display:none 不会进行加载,只有改变为block的时候会进行加载填充。
                但是visibility:hidden是在页面一上来的时候就会开始加载,因为它需要填充空间。
  但是这一说法不完全绝对,在各个浏览器的加载不是绝对的,
 
总的来说:visibility:hidden可能会加载,display:none可能不会加载
  ps: 具体深度讨论见:  该帖子,http://bbs.blueidea.com/thread-2942695-1-1.html 。具有参考价值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值