jQuery：淡化鏈接下方的圖像

Question

我有一個要淡入淡出和旋轉的鏈接的背景圖片。 我使用了兩個div，一個用於圖像，另一個是空白白色。 在這些之上是鏈接的圖像。

這是一個示例： http : //jsfiddle.net/YURg8/48/

在Chrome或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;
}