1. 程式人生 > >讓元素消失的方法與區別

讓元素消失的方法與區別

一、方法

1.visibility:hidden

2.display:none

3.z-index: -1

4.opacity: 0

二、區別

1.opacity:0,該元素隱藏起來了,但不會改變頁面佈局,並且,如果該元素已經繫結一些事件,如click事件,那麼點選該區域,也能觸發點選事件的
2.visibility:hidden,該元素隱藏起來了,但不會改變頁面佈局,但是不會觸發該元素已經繫結的事件
3.display:none,把元素隱藏起來,並且會改變頁面佈局,可以理解成在頁面中把該元素刪除掉。