jquery淡入，圖像在圖像

我有一個800x500的圖像。底部的兩個象限有編輯，我想淡入圖形。jquery淡入，圖像在圖像

如果整幅圖像組成的 AB CD

Ç& d是10秒後究竟會被覆蓋了兩張圖片是適合底部象限。我開始顯示：無;認爲fadein（）會照顧到這一點，但我已經搞砸了。

小提琴是here我用不同的圖像，但大小是正確的。

的style.css

*{ 
    margin:0; 
    padding:0; 
    background-color: #000; 
} 

#container { 
    position: absolute; 
    bottom: 0px; 
    top: 0px; 
    display:inline;    
} 

.bottom-left { 
    position:absolute; 
    top:250px; 
    left: 0px; 
    display: none; 
} 

.bottom-right { 
    position:absolute; 
    top:250px; 
    left:400px; 
    display: inline; 

}

頁：

<!DOCTYPE html> 
<html> 
<head> 

<!-- STYLE SHEETS --> 
     <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/> 

<!-- JQuery * QTip Plugin at the bottom --> 
     <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 


<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#bottom-left').fadeIn(10000); 
    }); 
</script> 

</head> 
<body> 
<div id="container"> 

<image src="images/NoAlertFull.png"> 
     <span class="bottom-right"> 
       <image src="images/Alert-red.png"> 
     </span> 
     <span class="bottom-left"> 
       <image src="images/Alert-yellow.png"> 
     </span>  
</div> 

</body> 
</html>

來源

2012-02-23 rd42