Question

我想在html网页中添加几个按钮（即播放，暂停等），我有一个相机流媒体。我的目标是在鼠标悬停时显示这些按钮。谷歌搜索后我发现这个代码在Chrome，Mozilla，Safari中运行良好，但它在我的iPhone上根本不起作用。请参见下面的代码：

    <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
   <style type="text/css">
      .HeaderBarThreshold:hover input[type="submit"]
      {
            visibility:visible !important; 
      }
     </style>
</head>
<body ontouchstart="">
  <div class="HeaderBarThreshold" onclick=()>

  Hover over here to make button visible
    <input type="submit" value="Click me" style="visibility:hidden;"/>
  </div>
    <br/>
</body>
</html>

奇怪的是，如果我在我的iPhone上的JSBin或jsfiddle中尝试这个代码本身就可以了。但是当我创建一个包含上述代码的HTML页面时（在运行apache的覆盆子pi上），它在我的iPhone上不起作用。

希望有人会对此有所了解，因为我无法理解它。

非常感谢。

Answer 1

宾果！我知道了！添加以下行就可以了：

<body ontouchstart="">

我在第一篇文章中编辑了代码，添加了两个有效的调整。

非常感谢mplungjan的帮助！我怎么能接受你的建议？

鼠标悬停时可以看到按钮

1 个答案: