Question

在我的HTML模板中，投资组合悬停效果不起作用iphone＆amp; ipad。我尝试在ipad和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');
    });
}

投资组合悬停效果不起作用iphone＆amp; iPad的

2 个答案: