类似广告,点击关闭就会不见,但刷新后又会出现。
本质:让一个元素在页面中隐藏或者显示出来。
1. display 属性
displaya:none ; 隐藏元素
display: block;除了转换为块级元素外,还有显示元素的意思。
display 隐藏元素后,不在占有原来位置,应用及其广泛。
2.visibility 可见性
visibility:visible;元素可见
visibility:hidden;元素隐藏
visibility隐藏元素后,继续占有原来位置
3.overflow 溢出
overflow属性指定了如果内容溢出一个元素的框,会发生什么
属性值 | 描述 |
visible | 不剪切内容也不添加滚动条 |
hidden | 不显示超过对象尺寸的内容,超出部分隐藏掉 |
scroll | 不管超出内容否,总是显示滚动条 |
auto | 超出自动显示滚动条,不超出不显示滚动条 |
应用
仿土豆遮罩案例