display隐藏元素后,不再占有原来的位置(和绝对定位一样的特征).
后面应用及其广泛,搭配JS可以做很多的网页特效....属性值 描述
visible 不剪切内容也不添加滚动条
hidden 不显示超过对象尺寸的内容,超出的部分隐藏掉
scroll 不管超出内容与否,总是显示滚动条
auto 超出自动显示滚动条,不超出不显示滚动条...一般情况下,我们都不想让溢出的内容显示出来,因为溢出的部分会影响布局....下面做一个土豆网的案例
当鼠标经过时,显示遮罩层和播放图标
这时就要用到我们的隐藏和显示知识了,遮罩层应该是整个盒子的一个子元素,不占有位置,因此要使用绝对定位,而元素的隐藏使用的是display.../images/tudou.jpg" alt="">
关于鼠标经过时的效果,使用伪类hover时一定要注意,是将鼠标移动到大盒子时才出现遮罩层,