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...