1. 程式人生 > >利用css隱藏元素的幾種方式

利用css隱藏元素的幾種方式

面試題 請列舉幾種隱藏元素的方法

  • visibility: hidden; 這個屬性只是簡單的隱藏某個元素,但是元素佔用的空間任然存在

  • opacity: 0; CSS3屬性,設定0可以使一個元素完全透明

  • position: absolute; 設定一個很大的 left 負值定位,使元素定位在可見區域之外

  • display: none; 元素會變得不可見,並且不會再佔用文件的空間。

  • transform: scale(0); 將一個元素設定為縮放無限小,元素將不可見,元素原來所在的位置將被保留

  • <div hidden="hidden">

     HTML5屬性,效果和display:none;相同,但這個屬性用於記錄一個元素的狀態

  • height: 0; 將元素高度設為 0 ,並消除邊框

  • filter: blur(0); CSS3屬性,將一個元素的模糊度設定為0,從而使這個元素“消失”在頁面中