‘display:none’ VS ‘visibility:hidden’

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

display 改成 none
或是
visibility 改成 hidden

那這兩個方法差在哪呢?

* visibility 改成 hidden

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

* display 改成 none

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

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

Advertisements

發表迴響

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

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s