在悬停时更改背景图像的位置

Question

除了文字颜色外，我有一张包含2张相同图片的png。

我试图在悬停时更改背景图片的位置，以使文字颜色看起来正在变化。

我在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>

第一个问题是图像不会移动/改变以显示其他文字颜色。

另一个问题是，当我将光标放在图像上时，它是不可点击的。光标不会改变。

Answer 1

事实证明，图像位于其他元素下方，因此我将z-index更改为99999。