javascript - 使图像淡入

Question

我有一些图像，我希望它们不可见，然后在某些事件发生时淡入。我的 jQuery 工作正常并且元素定位正确，但我无法让元素淡入。

当我在控制台中输入 $('#img1').fadeIn(); 没有任何反应。

CSS

img {
  position: absolute;
  border-radius: 20px;
  height: 195px;
  width: 300px;
  opacity: 0;
}

#img1 {
  left: 270px;
}

#img2 {
  right: 270px;
}

Answer 1

使用 display: none; 代替 opacity: 0;

http://jsfiddle.net/rLjz1rv0/