綠色資源網:您身邊最放心(xīn)的安(ān)全下載站! 最新軟件|熱門排行|軟(ruǎn)件分類(lèi)|軟件專題|廠商大(dà)全

綠色資源網

技術(shù)教程(chéng)
您的位置(zhì):首頁(yè)網頁設計HTML/CSS → CSS中如何讓元素隱藏?

CSS中如何讓元素隱(yǐn)藏?

我要(yào)評論 2012/05/31 14:45:20 來源:綠色資源網 編(biān)輯:chithemodel.com [ 中(zhōng) ] 評論:0 點擊:3709次

在CSS中,讓(ràng)元素隱藏(指屏幕範圍內肉眼不可見)的方法很多,有的(de)占據空間,有的不占(zhàn)據空(kōng)間;有的(de)可以響應點擊,有的不能響應點擊(jī)。下麵一個個列出,選一個(gè)適合你的(de)

{ display: none; /* 不占據空間(jiān),無法點擊 */ }
{ visibility: hidden; /* 占據空間,無法點擊(jī) */ }
{ position: absolute; top: -999em; /* 不(bú)占(zhàn)據空間,無法點擊 */ }
{ position: relative; top: -999em; /* 占據空間,無法點擊 */ }
{ position: absolute; visibility: hidden; /* 不占據空間,無法點擊 */ }
{ height: 0; overflow: hidden; /* 不占據空間,無法點擊 */ }
{ opacity: 0; filter:Alpha(opacity=0); /* 占據空間(jiān),可以點擊(jī) */ }
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占據空間,可(kě)以點擊 */ }
{
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占據空(kōng)間。都(dōu)無法點(diǎn)擊 */
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* 不占據(jù)空間,無法點擊 */
}

關(guān)鍵詞:CSS

閱讀本文後您有(yǒu)什麽感想? 已有(yǒu) 人給出評(píng)價!

  • 105 歡(huān)迎喜歡(huān)
  • 281 白癡
  • 72 拜托(tuō)
  • 448 哇
  • 134 加油
  • 71 鄙視(shì)