摘要 今天小编跟大家讲解下有关css中让元素隐藏的多种方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css中让元素隐藏的多种

今天小编跟大家讲解下有关css中让元素隐藏的多种方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css中让元素隐藏的多种方法 的相关资料，希望小伙伴们看了有所帮助。

最近做一个特效时，看到这个CSS效果隐藏集合 在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); /* 不占据空间，无法点击 */ }

来源：爱蒂网