實(shí)例詳解display:none與visible:hidden的區(qū)別
更新時(shí)間：2017年03月30日 10:43:26 投稿：lqh
這篇文章主要介紹了實(shí)例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下
display:none與visible:hidden的區(qū)別
display:none和visible:hidden都能把網(wǎng)頁(yè)上某個(gè)元素隱藏起來(lái)，但兩者有區(qū)別:
display:none ---不為被隱藏的對(duì)象保留其物理空間，即該對(duì)象在頁(yè)面上徹底消失，通俗來(lái)說(shuō)就是看不見(jiàn)也摸不到。
visible:hidden--- 使對(duì)象在網(wǎng)頁(yè)上不可見(jiàn)，但該對(duì)象在網(wǎng)頁(yè)上所占的空間沒(méi)有改變，通俗來(lái)說(shuō)就是看不見(jiàn)但摸得到。
例子：
<html> <head> <title>display:none和visible:hidden的區(qū)別</title> </head> <body > <span style="display:none; background-color:Blue">隱藏區(qū)域</span><span style=" background-color:Green">顯示區(qū)域</span><br /> <span style="visibility:hidden; background-color:Blue">隱藏區(qū)域</span><span style="background-color:Green">顯示區(qū)域</span> </body> </html>
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法
下面小編就為大家?guī)?lái)一篇IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
js復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要介紹了禁止IE用右鍵的JS代碼，有需要的朋友可以參考一下2013-12-12
原生js提示框并自動(dòng)關(guān)閉(手工關(guān)閉)
今天在寫(xiě)后臺(tái)交互的時(shí)候原來(lái)都是用alert太難看每次都需要點(diǎn)擊一下才可以，比較麻煩所以特整理了幾個(gè)比較好的js提示框代碼，方便提示一下2023-04-04
關(guān)于微信小程序map組件z-index的層級(jí)問(wèn)題分析
這篇文章主要給大家介紹了關(guān)于微信小程序map組件z-index的層級(jí)問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單日期特效
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單日期特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
JS基于cookie實(shí)現(xiàn)來(lái)賓統(tǒng)計(jì)記錄訪客信息的方法
這篇文章主要介紹了JS基于cookie實(shí)現(xiàn)來(lái)賓統(tǒng)計(jì)記錄訪客信息的方法,通過(guò)javascript記錄訪客信息到cookie的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
單擊瀏覽器右上角的X關(guān)閉窗口彈出提示的小例子，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了Webpack優(yōu)化-縮小文件搜索范圍的相關(guān)知識(shí)，文中較詳細(xì)的給大家介紹了可以優(yōu)化的途徑,需要的朋友可以參考下2017-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)授權(quán)登錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05