导航栏窗口8地铁应用程序中的CSS问题

Question

当鼠标位于从左向右移动的图像上时，我们使用css将图像放在HTML页面的导航栏中。如何阻止那动人的动画？它应该是不变的。

这是css代码：

.homebtn1 .win-commandimage {
background-image: url('/images/homeActive.png');      
width:140px;
height:75px;

.mydealsbtn1.win-commandimage {
background-image: url('/images/home2Active.png');     
width:140px;
height:75px;

这是html代码

<button class="homebtn1" data-win-control="WinJS.UI.AppBarCommand" data-win-options="     {id:'home',section:'selection',tooltip:'Home',extraClass:'appbarExtraClass'}">
</button>
<button class="mydealsbtn1" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'mydeals',section:'selection',tooltip:'Mydeals',extraClass:'appbarExtraClass'}">
 </button>

这是鼠标在图像上改变位置时的第一个屏幕截图，您可以检查下一个图像的差异。 当鼠标不在图像上时，它会从精确位置再次改变位置。

Answer 1

由于任何选择器中的transition属性，它可能正在移动。尝试将transition:none;添加到上面的课程中。