元素隐藏

{ 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; 就可以重见天日