display隐藏元素后,不再占有原来的位置(和绝对定位一样的特征).
后面应用及其广泛,搭配JS可以做很多的网页特效....原图
隐藏后
2.visibility可见性
visibility属性用于指定一个元素应可见还是隐藏....visibility隐藏元素后,继续占有原来的位置(和相对定位一样的特征)
如果隐藏元素想要原来位置,就用visibility : hidden....一般情况下,我们都不想让溢出的内容显示出来,因为溢出的部分会影响布局....下面做一个土豆网的案例
当鼠标经过时,显示遮罩层和播放图标
这时就要用到我们的隐藏和显示知识了,遮罩层应该是整个盒子的一个子元素,不占有位置,因此要使用绝对定位,而元素的隐藏使用的是display