html - 悬停仅适用于图像的一半

Question

我对编码很陌生，所以我不知道出了什么问题......我有一个带有悬停的社交媒体图标，它应该显示粉红色而不是白色，我通过使用第二张图片来做到这一点，除了该图像仅显示在下半部分。有什么想法吗？

CCS:

a.twitter:hover {
    background-image: url('http://www.new.sheisbiddy.com/wp-content/uploads/2015/11/twitter1.png');
    background-position: 5px -20px;
    background-repeat: no-repeat;
}

HTML:

<div class="social"><a class="twitter" href="http://twitter.com/" title="Twitter" alt="twitter"><center><img src="http://www.new.sheisbiddy.com/wp-content/uploads/2015/11/wtwitter.png" hspace="5"></a>

Answer 1

更改您的 background-position 属性。

background-position: xpox  ypos;