改變懸停時的背景圖像的位置

我有一個PNG圖像，除了文字顏色以外，還有2個相同的圖像。改變懸停時的背景圖像的位置

我試圖改變我的背景圖像懸停的位置，以便它看起來像文本顏色正在改變。

我有這個在CSS

.twitter { 
    display:block; 
    position:absolute; 
    width:184px; 
    height:83px; 
    background:url(../images/twitter.png) 0 0 no-repeat; 
    top:276px; 
    right:34px; 
} 
.twitter:hover { 
    background:url(../images/twitter.png) 0 -82px no-repeat; 
}

我有這個在我的html：

<a href="https://twitter.com/simplio_sa" class="twitter"></a>

的第一個問題是圖像不移動/改變顯示其他文本顏色。

另一個問題是，當我將光標放在圖像上時，它不可點擊。光標不會改變。

來源

2013-11-22 grabury

你有2個不同的圖像或要更改已加載背景圖像的位置？ – NoobEditor

你可以讓你的圖像小提琴嗎？ –

它是一個png，其中有兩個相同的圖像，但1具有不同的文本顏色，所以當您將鼠標懸停在圖像上時，它會移動並看起來像文本改變顏色。 – grabury

原來的圖像是其他元素的下方，所以我改變了的z-index到99999

來源

2013-11-22 08:20:26 grabury

使用z-index 9999確實是不一致的，它讓我很難過:(z-index 1更高已經很好，你知道^^如果你想添加另一個覆蓋你想使用99999嗎？爲什麼不能1，2 ，3，4等？只是小細節。 – nkmol

改變懸停時的背景圖像的位置

回答

相關問題