我目前有以下 CSS 来更改网页上的列表图像:
.footer-list li
{
list-style-image:url('images/footer/arrow.png');
padding-left:14px;
}
图像由悬停/非悬停版本组成，原始版本在上方，悬停版本在其下方。
我希望此列表首先显示顶部部分 (7x7 像素)，然后在悬停时移动到底部 7x7 部分。我知道如何执行悬停部分，但不会移动显示的图像部分。
希望这是有道理的
最佳答案
这对于 list-style-image 是不可能的 - 该技术取决于能够限制图像容器的大小，因此您可以使用 background-position “滚动”到背景的不同部分。
要在列表图像上获得类似的效果，您需要将图像拆分为 2 个单独的图像。
关于html - CSS:使 'list-style-image' 在图像本身上的位置在悬停时发生变化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19754155/