使按钮在鼠标悬停时可见

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 页面时（在 raspberry pi 运行 apache 上）然后它在我的 iPhone.

上不起作用

希望有人能对此有所启发，因为我无法理解它。

非常感谢。

Answer 1

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

<body ontouchstart="">

我已经在我的第一个 post 中编辑了代码以添加两个有效的调整。

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

使按钮在鼠标悬停时可见

Make Button visible on mouse hover

html

css

mouse

hover

ios