0

私たちが知っているように、ホバー効果はiPadでは許可されていませんが、ユーザーがボタンをクリックしたときにボタンの画像を変更したいと思います。以下のcssは、iPadとiPhoneデバイスを除いて正常に動作します。

.back-btn {
background: url("images/sprite.png") no-repeat scroll 0 0 transparent;
}
.back-btn:hover, .back-btn:active {
background: url("images/sprite.png") no-repeat scroll 0 -10px transparent;
}

ありがとうAV

4

2 に答える 2

1

問題は、iPadがそれを認識するためにイベントを探す必要があることですtouchstart。それ以外の場合は、ホバーイベントを設定できます。少しのブラウザスニッフィングで-ブームはあなたが行ってもいいはずです。（jQueryに関して）

var ua = navigator.userAgent,
    event = (ua.match(/iPad/i)) ? "touchstart" : "hover";

$(".back-btn").bind(event, function(e) {
    $(this).css('background', 'url("images/sprite.png") no-repeat scroll 0 -10px transparent;');
});

HTML5タッチイベントの詳細については、こちらをご覧ください。

于 2012-08-30T05:09:57.640 に答える
0

:activeクラスはアンカー専用で、ボタン用ではありません。アンカーをボタンのように見せてから、このクラスを操作に使用できます。

この例を見てください

于 2012-08-30T05:07:58.937 に答える