总结7中隐藏元素的办法
1.CSS display的值是none。(该元素是不会在页面上显示)
div{
display: none;
}
-
type="hidden"的表单元素。(该元素是不会在页面上显示)
-
宽度和高度都显式设置为0。(该元素是会在页面上显示)
div{
width: 0;
height: 0;
}
-
一个祖先元素是隐藏的,(该祖先以及祖先以下的元素是不会在页面上显示)
-
CSS visibility的值是hidden(该元素是会在页面上显示,还占原来的位置)
div{
visibility: hidden;
}
- CSS opacity的指是0(该元素是会在页面上显示,还占原来的位置)
div{
opacity: 0;
}
- 将position设为absolute然后将位置设到不可见区域
div{
position: absolute;
top: -9999px;
left: -9999px;
}