css - Css 背景图像位置动画

Question

我正在尝试制作一个带有附加 a:hover 的背景图像的菜单。我有不同大小的菜单链接，所以我想我可以让图像的一部分左对齐另一个右对齐，以及一个可以拉伸的中心图像，当我应用它们时，它会按照我喜欢的方式工作，除了当你第一次将鼠标悬停在它上面时，整个图像向下滑动几个像素到位。当我只使用一张背景图片时我遇到了同样的问题我在使用背景大小包含时遇到了同样的问题。这发生在 Chrome、Firefox 和 Ie 中。Windows 7的。

li#menubg1 a:hover, ul li li#menubg1 a:hover {
    background: url("D:\hoverleft.png") no-repeat left, url("D:\hoverright.png") no-repeat right, url("D:\hovermiddle.png") no-repeat center;
    background-size: auto, auto, 100% 34px;
}

Answer 1

    transition: background-size 0s ease-in;
    -moz-transition: background-size 0s ease-in;
    -web-kit-transition: background-size 0s ease-in;

我想我找到了我的问题的答案