Heim >Web-Frontend >HTML-Tutorial >【CSS】-元素隐藏(是否占据空间、石头可点击)_html/css_WEB-ITnose

【CSS】-元素隐藏(是否占据空间、石头可点击)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:43:511765Durchsuche

在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。

{ display: none; /* 不占据空间,无法点击 */ }{ visibility: hidden; /* 占据空间,无法点击 */ }{ 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);   -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);  /* 不占据空间,无法点击 */}

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn