{ display: none; } 不占据空间，无法点击
{ visibility: hidden; } 占据空间，无法点击
{ position: absolute; clip:rect(1px 1px 1px 1px); } 不占据空间，无法点击
{ position: absolute; top:-999em; } 不占空间，无法点击
{ position: relative; top:-999em; } 占空间，无法点击
{ position: absolute; visibility:hidden; } 不占空间，无法点击
{ height: 0; overflow: hidden;} 不占空间，无法点击
{ opacity:0; filter:Alpha(opacity=0); } 占空间，可以点击
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); } 不占空间，可以点击
{
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0); ie6，7，9不占空间，ie8，chrome，firefox，opera占空间，无法点击
-o-transform: scale(0);
transform: scale(0);
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0); 不占空间，无法点击
-o-transform: scale(0);
transform: scale(0);
}
display: none; visibility: hidden; 无法被辅助阅读设备识别
适用于最小辈元素，无子元素
display:none 会应用于所有子元素，且破不了
visibility: hidden; 也应用于所有子元素，但是如果子元素设置 visibility: visible; 就可以重见天日