Css背景图像位置动画

-1

我正在尝试制作一个菜单，它具有附加的背景图像a：hover。我有不同大小的菜单链接，所以我想我可以将图像的一部分左对齐，右对齐，并且可以拉伸的中心图像，当我应用它们时，它的作用方式除了当您第一次将它悬停时，整个图像滑落几个像素到位。当我仅使用一个背景图像时，我遇到同样的问题使用background-size包含时遇到同样的问题。这发生在Chrome，Firefox和Ie中。 Windows 7的Css背景图像位置动画

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; 
 
}

来源

2016-02-14 Eric Beaudoin

将增加背景附件：固定;停止滑动问题？ –

，它使它不见了 –

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

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

来源

2016-02-14 02:39:09

Css背景图像位置动画

回答

相关问题