讓元素消失的方法與區別

2022-09-08 12:18:14 字數 316 閱讀 3616

一、方法

1.visibility:hidden

2.display:none

3.z-index: -1

4.opacity: 0

二、區別

1.opacity:0,該元素隱藏起來了,但不會改變頁面布局,並且,如果該元素已經繫結一些事件,如click事件,那麼點選該區域,也能觸發點選事件的

2.visibility:hidden,該元素隱藏起來了,但不會改變頁面布局,但是不會觸發該元素已經繫結的事件

3.display:none,把元素隱藏起來,並且會改變頁面布局,可以理解成在頁面中把該元素刪除掉。

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

讓乙個元素消失的辦法

1 最常用之 display none 給元素設定display none 後,元素會從頁面中徹底消失,它原本佔據的空間會被其他元素占有,會造成瀏覽器的回流與重繪。2 最常用之 visibility hidden 給元素設定visibility hidden 後,元素會從頁面中消失,它原本佔據的空間...