CSS 隐藏元素的方法

1.  opacity：0；

透明度，元素本身占据位置，对页面布局无影响，能够事件操作

2. visibility：hidden；

隐藏元素，保留占据位置，无法进行操作

3.display：

• display；（发生重排）
• none；对元素隐藏，并且移除dom树

4.position：通过定位将需隐藏的元素移出屏幕，不会影响布局

#red{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

5.设置width，height属性为0

页面不占位置，点击事件不生效