元素的显示与隐藏
类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现....display隐藏元素后,不再占有原来的位置(和绝对定位一样的特征).
后面应用及其广泛,搭配JS可以做很多的网页特效....如果隐藏元素不想要原来的位置,就用display : none
原图
隐藏后
3.overflow溢出
overflow属性指定了如果内容溢出一个元素的框(超出其高度及宽度)时,会发生什么....下面做一个土豆网的案例
当鼠标经过时,显示遮罩层和播放图标
这时就要用到我们的隐藏和显示知识了,遮罩层应该是整个盒子的一个子元素,不占有位置,因此要使用绝对定位,而元素的隐藏使用的是display...(我也不知道这里为什么用这个,我用的visibility发现也是一样的效果.)