资讯专栏INFORMATION COLUMN

css元素不可见方法

X1nFLY / 1298人阅读

摘要:使元素不可见的三个方法隐藏元素不占据空间结构子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。

css使元素不可见的三个方法:display: none / visibility: hidden / opacity: 0

display: none
隐藏元素不占据空间结构,子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。

visibility: hidden
隐藏元素占据空间结构,子元素显示状态可根据需求设置不受父元素设置影响,会引起重绘,不会遮挡其他元素的触发事件。

opacity: 0
隐藏元素占据空间结构,子元素显示状态状态始终跟父元素保持一致,不一定引起重绘,会遮挡其他元素的触发事件。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117137.html

相关文章

  • 同场景下使用CSS隐藏元素

    摘要:元素不可见同时不占据空间辅助设备无法访问不渲染元素不可见,同时不占据空间辅助设备无法访问不渲染使用标签隐。例如大家可以通过实际的隐藏场景选择合适的隐藏方法。摘自世界第章元素的显示与隐藏使用 CSS 让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见,但背后却在多个维度上都有差别。 元素不可见,同时不占据空间、辅助设备无法访问、不渲染 使用 script ...

    shenhualong 评论0 收藏0
  • jQuery入门笔记之(一)选择器引擎

    摘要:选择器,若未作特别说明,获取的都是元素集合。过滤器名语法说明选取所有不可见元素选取所有可见元素注意过滤器一般是包含的内容为样式为表单类型为和的元素。四子元素过滤器子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。 转自个人博客本来是单独整理了一个CSS选择器的,但是在jQuery中基本都有对应的,所以就不发了。 jQuery选择器,若未作特别说明,获取的都是元素集合。...

    charles_paul 评论0 收藏0
  • 浏览器的回流和重绘

    摘要:例如对于复杂动画效果,由于会经常的引起回流重绘,因此,我们可以使用绝对定位,让它脱离文档流,成为一个单独的图层。 浏览器的渲染过程 showImg(https://segmentfault.com/img/bVblB7y?w=624&h=289); 从上面这个图上,我们可以看到,浏览器渲染过程如下 解析HTML生成DOM树,解析CSS生成CSSOM树 将DOM树和CSSOM树结合生成...

    renweihub 评论0 收藏0
  • 浏览器的回流和重绘

    摘要:例如对于复杂动画效果,由于会经常的引起回流重绘,因此,我们可以使用绝对定位,让它脱离文档流,成为一个单独的图层。 浏览器的渲染过程 showImg(https://segmentfault.com/img/bVblB7y?w=624&h=289); 从上面这个图上,我们可以看到,浏览器渲染过程如下 解析HTML生成DOM树,解析CSS生成CSSOM树 将DOM树和CSSOM树结合生成...

    zhoutk 评论0 收藏0
  • 浏览器的回流和重绘

    摘要:例如对于复杂动画效果,由于会经常的引起回流重绘,因此,我们可以使用绝对定位,让它脱离文档流,成为一个单独的图层。 浏览器的渲染过程 showImg(https://segmentfault.com/img/bVblB7y?w=624&h=289); 从上面这个图上,我们可以看到,浏览器渲染过程如下 解析HTML生成DOM树,解析CSS生成CSSOM树 将DOM树和CSSOM树结合生成...

    e10101 评论0 收藏0

发表评论

0条评论

X1nFLY

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<