2011-11-30 102 views
0

我有兩個div。正確的一個包含一個圖像,左邊的包含4個鏈接。左div有z-index: 1position: absolute,右div有z-index: 2; position:relative懸停事件背景圖像更改,z-index問題?

鏈接是display: block。因此,我的目標是,當我將鼠標懸停在鏈接上時,背景圖像應該會改變,這與我沒有任何關係。問題是背景圖像比鏈接寬20px,我希望這些20px出現在div之上,這就是我使用z-index的原因。但是當背景圖像被改變時,圖像從鏈接的左端開始。因此,那些20px顯示在右邊,而不是在div上的左邊。

背景圖像可以從鏈接的右端開始,所以背景圖像會出現在圖像的頂部嗎?

+1

儘管您有很好的描述,但請給出用於快速響應的CSS和HTML代碼 –

回答

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

這可能是有用的。