css常见的隐藏

.hide {

  opacity: 0;

}

.hide1 {

  visibility: hidden;

}

.hide2 {

  display:none;

}

 

opacity: 0;（设置透明度）和 visibility: hidden; 这俩都可以隐藏，但是对网页的布局影响都还在，会显示空白

 display:none; 页面上就看不到任何相关的内容包含布局