首頁技術(shù)文章正文

怎樣讓一個元素在頁面中隱藏或顯示出來？

更新時間:2022年01月07日12時02分來源:傳智教育瀏覽次數(shù):

瀏覽網(wǎng)頁時，常常會有網(wǎng)站廣告，當(dāng)我們點(diǎn)擊關(guān)閉就不見了，但是我們重新刷新頁面，會重新出現(xiàn)。這種效果本質(zhì)上是讓一個元素在頁面中隱藏或者顯示出來。

　　display 顯示隱藏

　　visibility 顯示隱藏

　　overflow 溢出顯示隱藏

display 屬性

display 屬性用于設(shè)置一個元素應(yīng)如何顯示。

　　display: none ;隱藏對象

　　display：block ;除了轉(zhuǎn)換為塊級元素之外，同時還有顯示元素的意思

display 隱藏元素后，不再占有原來的位置。后面應(yīng)用及其廣泛，搭配JS 可以做很多的網(wǎng)頁特效。

visibility屬性用于指定一個元素應(yīng)可見還是隱藏。

　　visibility：visible ; 元素可視

　　visibility：hidden; 元素隱藏

visibility 隱藏元素后，繼續(xù)占有原來的位置。如果隱藏元素想要原來位置，就用visibility：hidden 如果隱藏元素不想要原來位置，就用display：none (用處更多重點(diǎn))

一般情況下，我們都不想讓溢出的內(nèi)容顯示出來，因?yàn)橐绯龅牟糠謺绊懖季帧?/p>

但是如果有定位的盒子，請慎用overflow:hidden因?yàn)樗鼤[藏多余的部分。

注意：

display 顯示隱藏元素但是不保留位置

visibility 顯示隱藏元素但是保留原來的位置

overflow 溢出顯示隱藏但是只是對于溢出的部分處理

猜你喜歡：

JS數(shù)組如何添加或刪除數(shù)組元素？

上一篇： 為什么需要定位?CSS前端定位機(jī)制 下一篇：如何得到鼠標(biāo)指針在某個盒子中坐標(biāo)？