visibility: hidden 和 opacity: 0,到底是可见还是不可见啊,说的我都晕了

来源:2-9 jQuery选择器之可见性筛选选择器

summer乐

2016-12-21 16:27

我们有几种方式可以隐藏一个元素:

CSS visibility的值是hidden

CSS opacity的指是0

接下来又说,如果元素中占据文档中一定的空间,元素被认为是可见的。
元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。


写回答 关注

2回答

  • gaoboss
    2017-01-11 16:25:52

    1. 从显示效果来看,在界面上是看不见的,相当于是透明的;

    2. 在文档流中还是存在的,所以用选择器$(":hidden")筛选的时候是false,$(":visible")筛选的时候是true

  • 李讨嫌
    2016-12-21 17:34:42

    这里写的是有点绕,应该是视觉上来说都是隐藏了,但对于文档流来说是存在的,当然对于jQuery 的 is(':hidden')来说都是 true 。

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题