编辑:背景位置确实改变了背景图像的位置。我意识到我面临的实际问题是其他问题,可以在此线程上看到: 更改背景位置时背景图像消失?
好的,所以我在无序列表中有一组链接(href),当用户将鼠标悬停在它们上方时,我希望在链接顶部显示黑色背景图像并将链接颜色更改为黑色。我已经有了显示 Photoshop 的背景图像。这是我到目前为止所做的
li:hover {
color: white;
background: url(../images/liHover.png);
}
现在,问题是图像没有显示我希望它显示的位置。我希望链接位于图像的中心。图像比我实际想要的位置低 3 个像素。我将鼠标悬停在哪个链接上都是一样的,图像总是比我想要的位置低 3 个像素。有没有办法改变显示的图像的位置,以及将图像移动到通常应该在的位置上方几个像素的方法?(即使我们不能用 CSS 做到这一点,如果有人可以编写一个 Javascript 函数来实现这一点,那就太好了)。
名单只是
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>