使图像淡入答案

【问题标题】：Making images fade in使图像淡入
【发布时间】：2014-12-28 22:44:05
【问题描述】：

我希望隐藏一些图像，然后在某些事件发生时淡出。我的 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：api.jquery.com/fadein

标签： javascript jquery html css

【解决方案1】：

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

http://jsfiddle.net/rLjz1rv0/

【讨论】：

【解决方案2】：

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

visibility: hidden;

【讨论】：

【解决方案3】：

使用fadeTo

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

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

【讨论】：