隱藏元素的方法

2021-10-12 21:38:37 字數 566 閱讀 9710

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

b.  opacity: 0;乙個css3屬性,設定0可以使乙個元素完全透明,製作出和visibility一樣的效果。與visibility相比,它可以被transition和animate

c. position: absolute;使元素脫離文件流,處於普通文件之上,給它設定乙個很大的left負值定位,使元素定位在可見區域之外

d. display: none;元素會變得不可見,並且不會再占用文件的空間

e. transform: scale(0);將乙個元素設定為無限小,這個元素將不可見。這個元素原來所在的位置將被保留

f. html5 hidden attribute;hidden屬性的效果和display:none;相同,這個屬性用於記錄乙個元素的狀態

g. height: 0; overflow: hidden;將元素在垂直方向上收縮為0,使元素消失。只要元素沒有可見的邊框,該技術就可以正常工作

h. filter: blur(0);將乙個元素的模糊度設定為0,從而使這個元素「消失」在頁面中

隱藏元素的方法

visibility hidden 這個屬性只是簡單的隱藏某個元素,但是元素占用的空間任然存在 opacity 0 乙個css3屬性,設定0可以使乙個元素完全透明,製作出和 visibility一樣的效果。與visibility相比,它可以被transition和animate position a...

幾種隱藏元素的方法

a.visibility hidden 這個屬性只是簡單的隱藏某個元素,但是元素占用的空間任然存在 b.opacity 0 乙個css3屬性,設定0可以使乙個元素完全透明,製作出和visibility一樣的效果。與visibility相比,它可以被transition和animate c.posit...

幾種隱藏元素的方法

a.visibility hidden 這個屬性只是簡單的隱藏某個元素,但是元素占用的空間任然存在 b.opacity 0 乙個css3屬性,設定0可以使乙個元素完全透明,製作出和visibility一樣的效果。與visibility相比,它可以被transition和animate c.posit...