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背景圖像位置動畫

回答

相關問題