在CSS中,隐藏元素的方式有很多种(屏幕内肉眼不可见),有的占用空间,有的不占用;有的可以响应点击,有的不能。一个一个列出来,选择适合自己的。
{显示:无;/*不占空间,不能点*/}
{可见性:隐藏;/*占空间,所以不能点*/}
{位置:绝对;top:-999 em;/*不占空间,不能点*/}
{位置:相对;top:-999 em;/*占空间,所以不能点*/}
{Location: absolute; Visibility: hidden; /* doesn't take up space, so you can't click */}
{高度:0;溢出:隐藏;/*不占空间,不能点*/}
{Opacity: 0; Filter: Alpha (opacity=0); /* occupy space, you can click */}
{Location: absolute; Opacity: 0; Filter: Alpha (opacity=0); /* Don't take up space, you can click */}
{
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* IE6/IE7/IE9不占空间,ie8/firefox/Chrome/Opera占空间。无法点击*/
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/*不占空间,不能点*/
}