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

我在iOS7的浏览器中出现了一个奇怪的错误，在div元素周围出现黑线。 但是，当你放大一个元素时，这些线条正在消失。 有没有人有一个想法是什么导致这个奇怪的错误？ 在iOS6中没有任何行出现。 这是发生在这个url： http ： //www.tristanfrencken.com/

希望有人能帮助我！

Answer 1

奇怪的是，这似乎是当一个元素是固定的，并具有背景颜色触发，但只有在IOS7，而不是如果它有一个背景图像。 我会把它当成浏览器中的一个错误，但作为一个解决方法，现在你可以使用一个纯白色的图像，平铺，作为你的标题背景。

Answer 2

我们在我们的web应用程序中遇到同样的问题，其中具有背景色和固定位置的容器div元素将在iOS 7中以各种缩放值获取黑色边框。

我们的第一个解决scheme涉及将背景颜色转换为base64url，其工作相当好，但不够灵活。

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

Answer 3

这似乎是iOS7中的一个错误，也是OSX Maverick上最新的Safari。 与背景颜色重叠的元素似乎“浓缩”轮廓造成这种奇怪的行为。 我拼命寻找解决scheme。

我在这里开始了一个关于iOS7 / Mavericks Safari怪异元素边框行为的新主题

Answer 4

这是发生在我身上，它必须与元标记允许变焦

显然，iOS Safari在resize和创build工件方面存在问题

应用元标记禁用缩放解决了我的问题（user-scalable = no）

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

Answer 5

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

Answer 6

使用具有相同梯度值的“background-image”属性：

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