jquery - ios 7浏览器套件div元素周围的黑色边框

Question

我在 iOS7 的浏览器中遇到了一个奇怪的错误，其中黑线出现在 div 元素周围。但是当你放大一个元素时，这些线条正在消失。有谁知道是什么导致了这个奇怪的错误？在 iOS6 中没有出现任何线条。它发生在这个网址上：http ://www.tristanfrencken.com/

希望有人可以帮助我！

score 4 · Accepted Answer

奇怪的是，这似乎是在元素被固定并且具有背景颜色时触发的，但仅在 IOS7 中而不是在具有背景图像的情况下。我会将其归为浏览器中的一个错误，但作为一种解决方法，您现在可以使用平铺的纯白色图像作为标题背景。

score 3 · Accepted Answer

我们在我们的 Web 应用程序中遇到了同样的问题，在 iOS 7 中，具有背景颜色和固定位置的容器 div 元素会在不同的缩放值处获得黑色边框。

我们的第一个解决方案涉及将背景颜色转换为 base64 url，效果很好，但不够灵活。

border-radius: 1px;相反，我们通过应用删除所有黑色边框的容器元素来摆脱黑色边框。该值足够低以至于不可见。

score 0 · Accepted Answer

0

这似乎是直接在 webkit 中的问题（https://bugs.webkit.org/show_bug.cgi?id=124541）。

于 2014-02-26T10:37:30.180 回答

score 0 · Accepted Answer

这发生在我身上，它与允许缩放的元标记有关

显然，iOS Safari 在调整大小并创建该工件时存在问题

应用元标记来禁用缩放解决了我的问题（用户可缩放=否）

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

score 0 · Accepted Answer

使用具有相同渐变值的“背景图像”属性：

background-image: -webkit-linear-gradient(top, #your_color, #your_color);

score 0 · Accepted Answer

这似乎是 iOS7 以及 OSX Maverick 上最新的 Safari 中的一个错误。与背景颜色重叠的元素似乎“加厚”了它们的轮廓，从而导致了这种奇怪的行为。我正在拼命寻找解决方案。

6 回答 6