2

マウスが左から右に移動している画像上にあるときに、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>

これは、マウスが画像上にあるときの最初のスクリーンショットです。位置が変わります。次の画像で違いを確認できます。マウスが画像上にない場合、正確な位置から位置を再度変更します。 ここに画像の説明を入力 ここに画像の説明を入力

4

1 に答える 1

0

任意のセレクターのトランジション プロパティにより、移動している可能性があります。transition:none;上記のクラスに追加してみてください。

于 2013-01-07T11:35:12.043 に答える