溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
css隱藏元素有哪些？特點是什么？這些問題可能是我們日常工作會見到的。通過這些問題，希望你能收獲更多。下面是揭開這些問題的詳細內容。
display: none
1、DOM結構: 瀏覽器不會渲染display:none 的元素, 并且不占據頁面空間
2、事件監聽: 無法對元素進行事件監聽
3、繼承: 不會被子元素繼承(子元素設置display: block 不會顯示)
4、改動: 改動屬性值會引起頁面的重排和重繪
5、過渡: 無法設置過渡效果 transition: display無效
visibility: hidden
1、不會被渲染,但是會占據頁面空間
2、無法對元素設置事件監聽
3、可以繼承,子元素設置非visibility:hidden可以顯示
4、改動屬性只會引起頁面重排
5、transition:visibility會立即顯示, hidden有過渡效果
opacity: 0
1、元素被隱藏, 會占據頁面空間
2、可以設置事件監聽
3、可以繼承, 子元素設置opacity可以顯示
4、不會重繪也不會重排
5、transition: opacity 可以實現顯示隱藏的過渡效果
6、opacity 會觸發硬件加速
看完上述內容，你們對css隱藏元素大概了解了嗎？如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
