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