Question

“A”标记的链接无效。有没有人解释这种行为？

这是NG样本 - ＆gt; http://hovertest.dyndns.org/ng/main.html

访问iPhone（或iPad）Safari并滚动iframe，然后点击iframe页面底部的“NIGHT”链接。它不会去'night.html'。（你可能会得到同一页面的顶部。这是错误的行为。）

但是，从CSS中删除'a：hover'的'背景'后它会正常工作。

我根本无法理解。

这是好样本 - ＆gt; 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>

content.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>

hover.css

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

首先，我尝试通过jQuery从'main.html'中删除CSS的'a：hover'。但是，我无法摆脱这个问题。

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

您对避免此问题有什么想法吗？或解释这种行为？

谢谢，
Y.Sato

“A”链接仅适用于iPhone Safari中的iframe

0 个答案: