Css 背景图像位置动画答案

【问题标题】：Css background image position animatesCss 背景图像位置动画
【发布时间】：2023-03-14 00:26:01
【问题描述】：

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

【问题讨论】：

将添加背景附件：已修复；停止滑动问题？
让它消失了

标签： css background background-image background-size

【解决方案1】：

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

我想我找到了问题的答案

【讨论】：