visibility:hidden;与 display:none;

Visibility:hidden与display:none; 都具有隐藏元素的效果，两者的区别有：

1. 当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。

    而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。

2.当visibility被设置为"hidden"的时候，就不能再接收响应到事件了。

   而display：none以后，元素相当于已经不存在了，如果你有针对该元素的js代码，肯定无法获取到对象，自然代码就会失效。