CSS裏display與visibility地區別

在CSS裏display與visibility有哪些區別? 前幾天在做一個圖片無間隙滾動的效果,要利用到一個隱藏的層。

在之間複製以前文字滾動的效果代碼(文字滾動時無錯誤),結果發現頁面被拉長了一倍,也就是隱藏的層。

查CSS手冊後發現了隱藏內容原來是有區別的,一種是保留對象的物理空間,一種是不保留。

display:none

CSS1 隱藏對象。與 visibility 屬性的hidden值不同,其不爲被隱藏的對象保留其物理空間  

visibility:hidden

對象隱藏,與 display 屬性不同,此屬性爲隱藏的對象保留其佔據的物理空間

但是因爲使用了visibility:hidden,拉長的內容其實就是那個含有圖片的DIV;而改用display:none後就正常了。一直懷疑是高度設置的問題,沒想到居然就是這麼簡單的一點內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章