0

编辑：背景位置确实改变了背景图像的位置。我意识到我面临的实际问题是其他问题，可以在此线程上看到： 更改背景位置时背景图像消失？

好的，所以我在无序列表中有一组链接（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>
4

1 回答 1

1

我想这就是你的意思：

li:hover {
  color: white;
  background: url(../images/liHover.png) no-repeat center center;
}

如果它没有按照您想要的方式居中，请使用center centerx / y（水平/垂直）的值。它们也可以是 px、em 或 % 值。

于 2013-10-07T01:16:00.227 回答