iphone - iFrame 仅在移动版 Safari 中显示灰线

Question

我设计了一个简单的公司网站，尝试调试此呈现问题所花的时间比让东西在 PHP 中正常工作所花的时间还多!

我有一个 iframe。在所有其他浏览器(甚至是桌面上的 Safari)上，它可以正确呈现，但在 Safari 移动设备上，iFrame 的边框上有一条灰色细线 - 但仅在某些缩放级别下。我读过其他类似的帖子，这些帖子与 2 个 div 相互接触有关，但 iFrame 没有包含在 div 中。

相关 CSS:

iframe.noBorder {
  border: none;
  border:0;
}

实际的 iFrame 嵌入代码:

<iframe class="noBorder1" src="header.html" width=980 height="160" frameborder="0" border="0" scrolling="no" ></iframe>

就像我说的，它不在 div 或任何东西中。

可以看到问题here或查看 image here .

Answer 1

我在几个 PC 浏览器上试过这个没有问题 - 所以我猜你发现了一个移动故障。

你能设置border-color attribute of the iframe吗？变成与包含元素相同的灰绿色 - 或者变成透明的，看看是否能解决这个问题？