使图像淡入淡出

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/

Answer 2

删除不透明度：0，并替换为

visibility: hidden;

Answer 3

使用fadeTo

$('#img1').fadeTo( 'slow', '1')

演示 - http://jsfiddle.net/rLjz1rv0/1/