讓元素在頁面中消失的方法

2021-10-21 08:25:52 字數 435 閱讀 1005

1.display:none;(將整個元素隱藏,並且不會佔據任何的空間)

2.visibility:hidden;(元素的內容不可見,但是元素仍然保持原來的位置和大小)

3.設定它的位置,讓其消失不見:

position:absolute或fixed,用z-index遮蓋。

4.overflow:hidden將要隱藏的元素移除父元素的範圍。

5.設定元素為透明:即opacity:0;

6.設定元素的clip(在新的css中使用clip-path來代替clip) 要讓其生效,必須給元素的position的值設定為absolute或者fixed。

7.將元素的font-size,line-height,width,height設定為0;(雖然這些方法很賴皮。)

8.設定元素的transform的translatex(y)的值為-100%;

CSS讓元素消失的方法

1.position absolute top 999px left 999px 比元素本身的width和height大即可 2.display none 3.visibility hidden 4.height 0 or width 0 前提是沒有border 5.opacity 0 6.tran...

讓元素消失的方法與區別

一 方法 1.visibility hidden 2.display none 3.z index 1 4.opacity 0 二 區別 1.opacity 0,該元素隱藏起來了,但不會改變頁面布局,並且,如果該元素已經繫結一些事件,如click事件,那麼點選該區域,也能觸發點選事件的 2.visi...

讓DOM從頁面中消失的幾種方法

一般最先想到的就是這兩種 1.display none 將整個元素隱藏,並且不會佔據任何的空間 2.visibility hidden 元素的內容不可見,但是元素仍然保持原來的位置和大小 3.設定它的位置,讓其消失不見 position absolute或fixed,用z index遮蓋。4 ove...