css中visiblity和display異同詳解
發(fā)布時(shí)間：2014-02-24 11:23:56 作者：佚名 
我要評(píng)論
我要評(píng)論visiblity 是設(shè)置元素的可見(jiàn)性，即可見(jiàn) / 隱藏；display 是設(shè)置元素按什么樣的方式來(lái)顯示，是按塊顯示，不了解的朋友可以參考下
visiblity 是設(shè)置元素的可見(jiàn)性，即可見(jiàn) / 隱藏；隱藏后元素所占有位置保留；
display 是設(shè)置元素按什么樣的方式來(lái)顯示，是按塊顯示，顯示成一條線(xiàn)的形式，顯示為“消失”等等，當(dāng)display為none時(shí)，元素看不見(jiàn)，且其所占位置也空出來(lái)了。
sildeDown（）和slideUp（）方法只能對(duì)display屬性隱藏的元素進(jìn)行操作，對(duì)visiblity=hidden隱藏的元素，這兩個(gè)方法改變不了顯示隱藏。
display 是設(shè)置元素按什么樣的方式來(lái)顯示，是按塊顯示，顯示成一條線(xiàn)的形式，顯示為“消失”等等，當(dāng)display為none時(shí)，元素看不見(jiàn)，且其所占位置也空出來(lái)了。
sildeDown（）和slideUp（）方法只能對(duì)display屬性隱藏的元素進(jìn)行操作，對(duì)visiblity=hidden隱藏的元素，這兩個(gè)方法改變不了顯示隱藏。
相關(guān)文章
使用CSS的border-radius屬性 設(shè)置圓弧
這篇文章主要介紹了使用CSS的border-radius屬性 設(shè)置圓弧,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-11-26詳解CSS3中的box-sizing（content-box與border-box）
這篇文章主要介紹了CSS3中的box-sizing（content-box與border-box）的相關(guān)資料,需要的朋友可以參考下2019-04-19
這篇文章主要介紹了使用CSS的border屬性繪制各種幾何形狀的方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們2019-03-01
CSS繪制三角形的實(shí)現(xiàn)代碼(border法)
這篇文章主要介紹了CSS繪制三角形的實(shí)現(xiàn)代碼(border法)的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-11詳解CSS3 用border寫(xiě) 空心三角箭頭 (兩種寫(xiě)法)
本篇文章主要介紹了CSS3 用border寫(xiě) 空心三角箭頭 (兩種寫(xiě)法)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-29- 這是一款由腳本之家翻譯自國(guó)外網(wǎng)站的在線(xiàn)CSS工具，可在線(xiàn)調(diào)整生成樣式的邊框圓角效果，以及邊框的寬度、顏色、樣式等屬性，還可實(shí)時(shí)預(yù)覽生成的CSS代碼，并支持一鍵復(fù)制代碼2017-09-19
css display inline block 兼容性問(wèn)題寫(xiě)法
今天在寫(xiě)布局的時(shí)候發(fā)現(xiàn)的一個(gè)bug，如果不這樣就達(dá)不到預(yù)期的效果，無(wú)法兩行排列，原來(lái)ie6、ie7下對(duì)display:inline-block不支持，所以需要用到css hack才可以2016-01-10- css3給display屬性提供了box這個(gè)值，極大的方便了開(kāi)發(fā)者，下面給大家介紹css3 display box具體用法,對(duì)css3 display box相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-25
- 本篇文章給大家介紹css3 display知識(shí)詳解，涉及到css3 display相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2015-11-25
深入解析CSS的display:inline-block屬性的使用
這篇文章主要介紹了CSS的display:inline-block屬性的使用,其中對(duì)使用時(shí)產(chǎn)生的空隙問(wèn)題的解決作了重點(diǎn)講解,需要的朋友可以參考下2015-11-09
