ios – 在iPhone / iPad / iPod上修復CSS懸停

我想修復iOS上的懸停效果(改為觸控事件),但我沒有任何想法.

讓我解釋一下.

您的網頁中有文字：

<div class="mm">hello world</div>

風格：

.mm { color:#000; padding:15px; }
.mm:hover { background:#ddd; }

好的,在dekstop中,如果你把滑鼠放在文字上,你會得到一個#ddd背景,對吧？

但是在iOS中,如果你觸控文字,你什麼都沒有,但如果你點選它,它會得到一個醜陋和粘稠的#ddd背景,這不是很好,我希望使用者獲得懸浮效果,當他觸控那個文字(像我想象的touchevent) .

但我看到一些網站固定,像freemyappps.com或

(請檢查本網站 – >ofollow,noindex" target="_blank">D4F 在您的ios裝置上,觸控某些東西可以看到懸停效果,如吃蛋糕:))

但是這些網站如何修復呢？

怎麼能像他們這樣修復？

謝謝

所有jsfiddle的程式碼都是下面的,因為你無法使用沒有程式碼的jsfiddle.net的連結.

注意：我使用jquery,這對你來說是有希望的.

使用Javascript：

$(document).ready(function(){
// Sorry about bad spacing. Also...this is jquery if you didn't notice allready.
$(".mm").hover(function(){
//On Hover - Works on ios
$("p").hide();
}, function(){
//Hover Off - Hover off doesn't seem to work on iOS
$("p").show();
 })
});

CSS：

.mm { color:#000; padding:15px; }

HTML：

<div class="mm">hello world</div>
<p>this will disappear on hover of hello world</p>