css隐藏元素的方法与区别

1.opacity
.hide {
opacity: 0;
}
设置元素的透明度，不会改变元素的边界框，等于0时只能从视觉上隐藏元素，而元素依然占据它自己的位置并对网页的布局起作用。

2.visibility
.hide {
visibility: hidden;
}
如同opacity属性，被隐藏的元素依然会对网页布局起作用。

3.display
.hide {
display: none;
}
将display属性设为none确保元素不可见并且连盒模型也不生成。