                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

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

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

CSS visibility的值是hidden

CSS opacity的指是0

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

summer乐

2016-12-21

源自：jQuery基础 (一)—样式篇 2-9

关注问题我要回答

2627

操作

收起

2 回答

gaoboss
2017-01-11

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

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

2 回复有任何疑惑可以回复我~

收起回答

李讨嫌
2016-12-21

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

2 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217505 人
解答问题 1218 个

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

进入课程

本课相似问答

1 回答伪元素是属于可见还是不可见呢？

3 回答<p id="div3" style="visibility:hidden;opacity:0">visibility</p>这个到底是隐藏还是显示的？

1 回答为什么div2的length是1？高和宽为0不是应该不可见吗？

3 回答width：0；height：0被认为是不可见的，为什么内容却能显示出来

2 回答为什么把第一个show( $('#div1:hidden') );改成visibility 元素的长度这段话会不见？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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