‘display:none’ VS ‘visibility:hidden’

當需要調整 CSS 把一個東西變不見的時候有兩種屬性可以改

display 改成 none
或是
visibility 改成 hidden

那這兩個方法差在哪呢?

* visibility 改成 hidden

存在但是看不到
該 DOM 在頁面上編排的空間仍然存在
不過不顯示

* display 改成 none

當作完全不存在
該 DOM 在頁面上編排的空間消失
這空間由後面的 DOM 補上

// jQuery 的 hide() function 是改 display 爲 none

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s