目錄dom結構: 瀏覽器不會渲染display:none的元素, 並且不佔據頁面空間
事件監聽: 無法對元素進行事件監聽
繼承: 不會被子元素繼承(子元素設定display: block不會顯示)
改動: 改動屬性值會引起頁面的重排和重繪
過渡: 無法設定過渡效果transition: display無效
不會被渲染,但是會佔據頁面空間
無法對元素設定事件監聽
可以繼承,子元素設定非visibility:hidden可以顯示
改動屬性只會引起頁面重排
transition:visibility會立即顯示,hidden有過渡效果
元素被隱藏, 會佔據頁面空間
可以設定事件監聽
可以繼承,子元素設定opacity可以顯示
不會重繪也不會重排
transition:opacity可以實現顯示隱藏的過渡效果
opacity會觸發硬體加速
CSS隱藏元素的方法及區別
1.opacity opacity 0將元素本身及其子元素都置為不可見的，而元素本身依然佔據它自己的位置並對網頁的布局起作用，它會響應使用者互動。2.visibility visibility hidden將元素本身及其子元素都置為不可見的，而元素本身依然佔據它自己的位置並對網頁的布局起作用，它不會...
CSS3 3 相對父元素的偽類
a 之前學習的 a hover a link a active a visited b 以某元素相對於其父元素或兄弟元素的位置來獲取無素的結構偽類 f e first child 查詢e這個元素的父元素的第乙個子元素e g e last child 最後乙個子元素 h e nth child n 第...
CSS隱藏元素的五種方法
1 opacity 0 2 visibility hidden 3 diaplay none 4 position absolute display display屬性依照詞義真正隱藏元素。將display屬性設為none確保元素不可見並且連盒模型也不生成。使用這個屬性，被隱藏的元素不佔據任何空間。...