1

このトランジションはデスクトップでは正常に機能しますが、モバイルでは「ホバー」イベントがモバイルのタップとして解釈され、新しい画像を置き換える代わりに画像が消えるだけです。他のすべてのトランジションは機能します。

.mark.studio{
   background: url(../images/studio_icon.png) no-repeat;
   -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out; 
   transition: all .3s ease-in-out; 
   height: 50px;
   width: 50px;
   z-index:103 !important;
}

.mark.studio:hover{
   -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out; 
  -transition: all .3s ease-in-out; 
   background: url(../images/studio_icon-hover.png) no-repeat;
}
4

1 に答える 1

2

私は Android フォンを所有しておらず、iOS デバイスしか所有していませんが、画像に関しては、トランジション プロパティのサポートが非常に散らばっていることを知っています。Firefox と Internet Explorer の両方が遷移コードをサポートしていますが、画像のイーズインとイーズアウトに使用されている場合はそうではありません。私は別の男と一緒に、背景画像が機能しない遷移プロパティに関する同様の質問に答えていましたが、多くのブラウザーでは機能しないという結論に達しました。ああ、私はちょうどそれを探しました、そして投稿はあなたによるものでした! firefox での画像ホバー時の css3 変換。その投稿は基本的にあなたの質問に答えます。:)

おそらくそれは修正されません (しかし、とにかく試してみるのは良いことです)。ホバー時に遷移プロパティを繰り返すのは無意味です...

于 2012-12-24T19:24:31.360 に答える