0

Stackoverflow コミュニティにこんにちは。これを理解するのに苦労しています。CSS を使用して、ボタンの状態を通常/クリック/ホバーから変更しています。

Heres 私の HTML、単にボタンが置かれている div レイヤー

<div id="newsarticle"><a href="/twitter.html" id="button-twitter"></a></div>

これが私のcssです

/*Twitter */
#button-twitter {
display: block;
width: 100px;
height: 20px;
background:url('../images/btns/quicklinks-normalState-twitter.png'); no-repeat top;
        }                   
#button-twitter:hover {
background:url('../images/btns/quicklinks-hoverState-twitter.png') no-repeat top;
}
#button-twitter:active {
background: url('../images/btns/quicklinks-clickedState-twitter.png') no-repeat top;
/*Twitter */

モバイルと iPad では、クリックするとアクティブな状態に切り替わり、その後単純に消えてしまいます。次のページに移動するまで、ボタンがない状態でしばらく待ちます。

これはデスクトップ モバイルと iPad のみでは発生しません。

4

1 に答える 1

0

ここで発生していると思われるのは、モバイル デバイスのクリック イベントが (リンクのアクション リクエストの前に) 十分な速さで起動されていないことです。これをあなたの体に追加することをお勧めします：

   <body ontouchstart="">
    ...
   </body>

または、調べることができるFastclickと呼ばれる小さな JS ライブラリがあります。

于 2013-02-05T12:35:48.080 に答える