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