display:none和visibility:hiddden
来源:互联网 发布:剑灵捏脸数据下载不了 编辑:程序博客网 时间:2024/04/29 02:48
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 。具有参考价值。
二者都会让元素不可见,区别是disply:none是不可见的同时不会占用原来的区域,但是visibility:hidden会占用原来的地方
2. 深度理解
测试: 在页面一开始加载的时候display:none 不会进行加载,只有改变为block的时候会进行加载填充。
但是visibility:hidden是在页面一上来的时候就会开始加载,因为它需要填充空间。
但是这一说法不完全绝对,在各个浏览器的加载不是绝对的,
总的来说:visibility:hidden可能会加载,display:none可能不会加载
ps: 具体深度讨论见: 该帖子,http://bbs.blueidea.com/thread-2942695-1-1.html 。具有参考价值。
0 0
- display:none和visibility:hiddden
- display:none和visibility:hidden
- display:none和visibility:hidden
- visibility:none 和 display:none的区别
- display:none和visibility:none的区别
- visibility:none和display:none区别
- display:none和visibility:hidden的区别
- display:none和visibility:hidden的区别
- display:none 和visibility:hidden的区别
- display:none和visibilitY:hiddeN区别
- CSS display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- CSS display:none和visibility:hidden区别
- html5 历史管理以及hash管理
- 如何判断一个js对象是否一个DOM对象
- Java异常体系
- MyEclipse Errors running builder 'DeploymentBuilder' on project 'xxxxx'. java.lang.NullPointe
- jquery每天杂碎
- display:none和visibility:hiddden
- 浅谈文档碎片
- jQuery Pagination 分页插件-初始化两次请求的问题
- SSM整合Activiti工作流代码下载
- GCC主要数据结构之stmt_tree_s
- encodeURIComponent 和 encodeURI 和 escape 简要汇总
- setTimeout或者setInterval 在ie8以及以下报参数错误
- Docker用户总结
- Javascript 时间对象大全