ポートフォリオホバー効果が働いていないiphone＆ipad

Question

私のHTMLテンプレートで、ポートフォリオホバー効果が働いていないiphone & ipad.i ipadでダブルタップを試みました& iphone、それは動作しません。 しかし、他のデバイスでは正常に動作します。 私は初心者です、私は知りません、それはCSSやjavascript関連の問題です。 iphone用のカスタムコードは必要ですか？これと矛盾するコードですか？ TIA。

Answer 1

iOSでは接頭辞:hoverはサポートされていませんが、:focusを使用して必要な処理を行うことができます。

例 - このボックスをホバー上で緑色にしたいとします。

div { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: grey; 
 
    } 
 

 
div:hover, div:focus { 
 
    background: green; 
 
    }

<div></div>

出典：CSS-Tricks

Answer 2

これは完全に配線されていることも、あなたはCSSを使用した場合に動作していないタップ：iPhoneやiPad上の効果を合わせます。私の場合、私は、JavaScriptのコードのこの部分を使用して：移行が問題なく動作して:)

if((navigator.userAgent.match(/iPhone/i)) 
    || (navigator.userAgent.match(/iPod/i)) 
    || (navigator.userAgent.match(/iPad/i))) { 
    $(".element").bind('touchstart', function(){ 
     //alert('touched'); 
    }); 
}