1

“A”标签的链接无法正常工作。有人解释这种行为吗？

这是 NG 示例 -> http://hovertest.dyndns.org/ng/main.html

从 iPhone（或 iPad）Safari 访问并滚动 iframe 并单击 iframe 页面底部的“NIGHT”链接。它不会转到“night.html”。（您可能会获得同一页面的顶部。这是错误的行为。）

但是，从 CSS 中删除 'a:hover' 的 'background' 后，它将正常工作。

我完全无法理解。

这是一个很好的示例-> http://hovertest.dyndns.org/ok/main.html

main.html

<html>
<head>
<title>NG LINK </title>
<script type="text/javascript"></script>
</head>
<body>
Main
<div style="height: 50%; overflow: scroll; -webkit-overflow-scrolling: touch;">
    <iframe src="./content.html" />
</div>

内容.html

<html>
<head>
<LINK href="hover.css" rel="stylesheet" type="text/css">
<body>

<a href="./morning.html">MORNING</a>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="./night.html">NIGHT</a>
</body>
</html>

悬停.css

a:hover {
  color: yellow;
  background: red;
}

起初，我试图通过 jQuery 从 'main.html' 中删除 CSS 的 'a:hover'。但是，我无法摆脱这个问题。

由于其他原因，我无法更改“content.html”和“hover.css”。

你有什么避免这个问题的想法吗？或解释这种行为？

谢谢， Y.
佐藤

4

0 回答 0