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