jQuery：鏈接下方的淡入淡出圖像

Question

我有一個背景圖像，用於我想要淡入淡出和旋轉的鏈接。我使用兩個div，一個是圖像，一個是空白的。最重要的是一個鏈接的圖像。

下面是一個例子： http://jsfiddle.net/YURg8/48/

鏈路不是活動的，而在瀏覽器或FF褪色，但在IE的工作原理。

對此提出建議？

Answer 1

做一個元素來包裝這些div -s和他們的絕對位置 - http://jsfiddle.net/YURg8/49/

wrapper { 
    position: relative; 
    overflow: hidden; 
} 

#bgblack { 
    background:#555; 
    position: absolute; 
    left: 0; 
    width:200px; 
    height:50px; 
} 

#bgwhite { 
    background:#fff; 
    position: absolute; 
    left: 0; 
    width:200px; 
    height:50px; 
} 

#link { 
    display:block; 
    position: absolute; 
    left: 0; 
    color: yellowgreen; 
    width: 200px; 
    line-height: 50px; 
    text-align: center; 
}