html中如何隐藏一个盒子，然后用hover让其显示

1.第一种：opacity: 0;表示透明度为0；此时盒子看不见 当设置opacity: 1;表示盒子完全显示出来

2.第二种：display:none;表示盒子被隐藏不存在，display:block;表示盒子存在，被显示出来

个人认为第二种好用，合适各种情景，配合hover使用。