javascript - 使图像淡入

我有一些想要隐藏的图像，然后在发生某些事件时逐渐消失。我的jQuery工作正常，元素定位正确，但我无法让元素淡入。

当我在控制台中输入$('#img1').fadeIn();时，什么都没有发生。

的CSS

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

#img1 {
  left: 270px;
}

#img2 {
  right: 270px;
}

最佳答案

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

http://jsfiddle.net/rLjz1rv0/