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);
/* 不占據空間，無法點擊 */
}

到此，關于“css中怎么讓元素隱藏”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！