綠色資(zī)源網:您(nín)身邊最放心的安全下(xià)載站! 最(zuì)新軟件|熱門排行|軟件分類|軟(ruǎn)件專題|廠商大全

綠色資源網

技術教(jiāo)程
您的位置:首頁網頁(yè)設計(jì)HTML/CSS → CSS中(zhōng)如何讓元素隱藏?

CSS中如何讓元素隱藏?

我要評(píng)論 2012/05/31 14:45:20 來源:綠色資源網 編輯:ynaad.com [ ] 評論:0 點擊:3709次(cì)

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

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

關鍵詞:CSS

閱讀本文後您有什麽感想? 已有 人給出評價!

  • 105 歡迎喜歡(huān)
  • 281 白癡
  • 72 拜托
  • 448 哇
  • 134 加油
  • 71 鄙視
免费人欧美成又黄又爽的视频丨一本色道久久88综合日韩精品丨国产专区日韩精品欧美色丨午夜无遮挡男女啪啪视频丨国产欧美日韩综合精品一区二区丨亚洲精品无码不卡在线播HE丨亚洲精品国产精品国自产观看丨日韩国产高清av不卡