使圖像淡入

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

使用更換

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

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