在CSS里display與visibility有哪些區(qū)別?_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
前幾天在做一個圖片無間隙滾動的效果,要利用到一個隱藏的層。
在之間復(fù)制以前文字滾動的效果代碼(文字滾動時無錯誤),結(jié)果發(fā)現(xiàn)頁面被拉長了一倍,也就是隱藏的層。
查CSS手冊后發(fā)現(xiàn)了隱藏內(nèi)容原來是有區(qū)別的,一種是保留對象的物理空間,一種是不保留。
display:none
CSS1 隱藏對象。與 visibility 屬性的hidden值不同,其不為被隱藏的對象保留其物理空間
visibility:hidden
對象隱藏,與 display 屬性不同,此屬性為隱藏的對象保留其占據(jù)的物理空間
但是因為使用了visibility:hidden,拉長的內(nèi)容其實就是那個含有圖片的DIV;而改用display:none后就正常了。一直懷疑是高度設(shè)置的問題,沒想到居然就是這么簡單的一點內(nèi)容。
在之間復(fù)制以前文字滾動的效果代碼(文字滾動時無錯誤),結(jié)果發(fā)現(xiàn)頁面被拉長了一倍,也就是隱藏的層。
查CSS手冊后發(fā)現(xiàn)了隱藏內(nèi)容原來是有區(qū)別的,一種是保留對象的物理空間,一種是不保留。
display:none
CSS1 隱藏對象。與 visibility 屬性的hidden值不同,其不為被隱藏的對象保留其物理空間
visibility:hidden
對象隱藏,與 display 屬性不同,此屬性為隱藏的對象保留其占據(jù)的物理空間
但是因為使用了visibility:hidden,拉長的內(nèi)容其實就是那個含有圖片的DIV;而改用display:none后就正常了。一直懷疑是高度設(shè)置的問題,沒想到居然就是這么簡單的一點內(nèi)容。
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-在CSS里display與visibility有哪些區(qū)別?
。