悬停事件背景图像变化，z-index问题？

Question

我有两个div。右边的图像包含图像，左边的图像包含4个链接。左div有z-index: 1和position: absolute，右div有z-index: 2; position:relative。

链接为display: block。所以我的目标是，当我将鼠标悬停在链接上时，背景图像应该会改变，这对我没有任何问题。问题是背景图像比链接宽20px，我希望那些20px出现在div 1的顶部，这就是我使用z-index的原因。但是当更改背景图像时，图像从链接的左端开始。因此，那些20px看起来在右边，而不是在div 1的左边。

背景图像是否可以从链接的右端开始，因此，背景图像将出现在div中的图像顶部？

Answer 1

    background: url("../images/img.png") repeat scroll right top transparent;

这可能有用。