使元素消失的方法有哪些？

1. display:none;能将元素隐藏起来，并且会改变页面布局，不会触发该元素已经绑定的事件。
2. visibility:hidden;能将该元素隐藏起来，不会改变页面布局仍占据原有空间，但不会触发该元素已经绑定的事件。
3. opacity:0;能将该元素隐藏起来，仍占据原有空间，并且会触发该元素已经绑定的事件。
4. position:absolute;top:-1000px;left:-1000px;这个方法是通过将left和top的值设的很大，让元素定位到浏览器外面。不占据空间，不能点击。

opacity会继承父元素的opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。简单来说就是opacity作用于元素和元素所有内容的透明。