CSS設(shè)置隱藏既可以使一些內(nèi)容不顯示,也可以使某些元素不可見,這是網(wǎng)頁設(shè)計經(jīng)常使用的技術(shù)。本文將介紹一些CSS隱藏元素的方法。
1. display屬性
display屬性可以將元素從文檔流中完全移除,使用該屬性可以將元素隱藏。
示例代碼:
.pre{display:none;}
2. visibility屬性
visibility屬性可以隱藏元素,但不會影響頁面布局,元素仍然占據(jù)空間。
示例代碼:
pre{visibility: hidden;}
3. opacity屬性
opacity屬性可以使元素透明,達到一定程度的隱藏效果。
示例代碼:
p{opacity: 0;}
4. height和width屬性
將元素的高度和寬度設(shè)為0,可以使元素變得不可見,并且不占據(jù)空間。
示例代碼:
pre{height: 0; width: 0;}
5. z-index屬性
使用z-index屬性可以控制元素的層疊順序,通過將某個元素的z-index值設(shè)為負值,可以使該元素被 下面的元素遮擋而不可見。
示例代碼:
pre{z-index: -1;}
綜上所述,以上是一些CSS設(shè)置隱藏元素的方法,開發(fā)者可以靈活使用,實現(xiàn)不同的隱藏效果。
網(wǎng)站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang