CSS讓元素消失的方法

2021-09-18 05:35:05 字數 436 閱讀 8438

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.transform:rotatey(90deg);

backface-visibility:hidden;

這些方法的作用在於做一些元素出現特效的時候,當滑鼠移入時特效可能會有不同,比如如果設定了height:0;那麼當元素出現的時候就會沿著height的方向進行過渡動畫,而如果使用display和visibility沒有過度效果,如果使用了opacity的話,就會有背景由淺到深的效果等等

持續更新中

讓元素消失的方法與區別

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

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

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

《精彩絕倫的CSS》 提示(三)讓元素「消失」

三 讓元素消失 1 抑制元素的顯示 display none hide 應用了hide類的元素,就像不存在一樣,不會對布局有任何影響。然而這樣子做會有兩個陷阱,乙個潛在的,乙個固有的。潛在的就是,如果通過js將display設為none那麼想復原時該怎麼做,因為原顯示值可能是inline或者bloc...