CSS是一種強大的樣式語言,可以用它來控制網頁中的各種元素的顯示和布局。其中,隱藏div是一項常用的技術,下面就給大家介紹一些實現方法。
隱藏元素的方法一:display屬性
使用CSS的display屬性可以將某個元素隱藏或顯示。將display屬性設置為none時,則該元素會被隱藏。
div{ display:none; }
上面的代碼將所有div元素都隱藏了。
隱藏元素的方法二:visibility屬性
使用CSS的visibility屬性可以控制元素的可見性。將visibility屬性設置為hidden時,則該元素會被隱藏。
div{ visibility:hidden; }
上面的代碼將所有div元素都隱藏了,但它們仍會占據空間。
隱藏元素的方法三:opacity屬性
使用CSS的opacity屬性可以控制元素的不透明度。將opacity屬性設置為0時,則該元素會變成完全透明,從而相當于被隱藏了。
div{ opacity:0; }
上面的代碼將所有div元素都隱藏了,但它們仍會占據空間。
隱藏元素的方法四:position屬性
使用CSS的position屬性可以控制元素的位置。將position屬性設置為absolute或fixed時,則該元素的位置將不再受到其父元素的限制,可以被移到別的地方去從而實現隱藏。
div{ position:absolute; left:-9999px; top:-9999px; }
上面的代碼將所有div元素都隱藏了,并將它們移出了屏幕的可視范圍之外。
上一篇用css如何定義無序列表
下一篇用css如何讓文本框變大