css 显示与隐藏

显示与隐藏
display: none; 隐藏元素,不在保留位置
display: block; 显示元素

visibility: hidden; 隐藏元素,保留位置
visibility: visible; 显示元素

overflow: hidden; 超出盒子大小部分隐藏
overflow: scroll; 总是显示滚动条,内容能显示完整-》不常用
overflow: auto; 超出盒子大小部分,显示滚动条, 不超出，不显示滚动条->也是不常用

css 显示隐藏 用法:
.mask {
position: absolute;
top: 0;
left: 0;
width: 222px;
height: 220px;
background: rgba(0,0,0,.3) url(images/arr.png) no-repeat center;
display: none;
}

.box a:hover .mask{
display: block;
}