百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css中隐蔽元素的办法是什么?有什么区别?
分享文章到:

css中隐蔽元素的办法是什么?有什么区别?

发布时间:09/01 来源:未知 浏览: 关键词:
css中隐蔽元素的办法有:1、display:none;2、visibility:hidden;3、opacity:0。display会发生重绘回流;visibility:hidder只重绘;display:none节点和子孙节点都不见。

隐蔽元素的办法:

(举荐学习:css迅速入门)

  • display:none 隐蔽对应元素,在文档流中不再给他分配空间,各边元素会合拢但是资源会加载,DOM可以拜访。

  • visibility:hidden 隐蔽对应元素,但是在文档流中保存本来的空间,资源会加载。

  • opacity:0 可以点击,占领空间,可以运用。

办法之间的区别:display会发生重绘回流,visibility:hidden只重绘,display:none节点和子孙节点都不见,visibility:hidden的子孙节点可以设定visibility:visible显示。

以上就是css中隐蔽元素的办法是什么?有什么区别?的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有156人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板