投資組合懸停效果不能正常工作iphone＆ipad

在我的HTML模板中，投資組合懸停效果不起作用ipad.I嘗試雙擊ipad & iphone，但它不起作用。但在其他設備工作正常。我是新手，我甚至不知道它是與CSS或JavaScript相關的問題。我是否需要iphone的任何自定義代碼？或者一些代碼與此衝突？ TIA。投資組合懸停效果不能正常工作iphone＆ipad

來源

2016-05-20 Rameen

懸停就是這樣 - 當**鼠標/光標**超過一個對象 - t認爲它可能懸停在手機或平板電腦上 –

在Android手機中，您可以輕敲任何html對象，CSS中的相關'：hover'效果工作得很好。我知道，在手機或平板電腦上「鼠標懸停」是不可能的。我的問題是，當我在iPhone上看到它時，它不像android（單擊輕觸觸發懸停效果） – Rameen

iOS不支持前綴:hover，但可以使用:focus來做你想做的事。

示例 - 說我們希望此框在懸停時變綠。

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

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

<div></div>

來源：CSS-Tricks

來源

2016-05-20 18:53:43

這完全是有線的，即使攻，如果你使用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'); 
    }); 
}

來源

2016-06-14 22:57:58 jewelfarazi

投資組合懸停效果不能正常工作iphone＆ipad

回答

相關問題