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; 
}