css 使用visibility hidden元素，jquery的show没有反应的原因

这是血与泪的经验。

当我们用visibility这个css属性来设置一个元素不可见是，即其值为hidden。如

<img id='example'  src='example.pnt' alt=example>

#example {
   visibility: hidden;
}

我们再jquery调用show来显示：$(‘#example’).show()这个时候图片是不会出现的。。。

原因很简单，因为jquery的show的实现根本就不是使用visibility，而是display。（可以自己去看看jquery的实现)

所以如果我们这样设置：

#example {
     display: none;
}

再使用$(‘#example’).show()，then it works！！！