我在iOS7的浏览器中遇到了一个奇怪的错误，div元素周围出现了黑线。但是，当您放大元素时，这些线条会消失。有谁知道是什么导致了这个奇怪的错误？在iOS6中，没有任何行出现。它发生在这个网址上：http://www.tristanfrencken.com/
希望有人可以帮助我！
奇怪的是，这似乎是在元素固定并具有背景颜色时触发的，但仅在 IOS7 中触发，而不是如果它具有背景图像。我会把它归结为浏览器中的一个错误，但作为现在的解决方法，您可以使用纯白色图像，平铺，作为标题背景。
我们在 Web 应用程序中遇到了同样的问题，其中具有背景颜色和固定位置的容器div 元素会在 iOS 7 中的各种缩放值处获得黑色边框。
我们的第一个解决方案涉及将背景颜色转换为 base64 网址，效果很好，但不够灵活。
相反，我们通过border-radius: 1px;应用于删除所有黑色边框的容器元素来摆脱黑色边框。该值足够低，不可见。
这似乎是iOS7以及OSX Maverick上最新的Safari中的一个错误。与背景颜色重叠的元素似乎"加厚"了它们的轮廓，从而导致这种奇怪的行为。我正在拼命寻找解决这个问题的方法。
我在这里开始了一个关于它的新话题iOS7/Mavericks Safari 奇怪的元素边框行为
这发生在
我身上，它与允许缩放的元标记有关
显然，iOS Safari在调整大小方面存在问题，并创建了该工件
应用元标记以禁用缩放解决了我的问题（用户可扩展 = 否）
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
似乎这直接在webkit（https://bugs.webkit.org/show_bug.cgi?id=124541）中存在问题。
使用具有相同渐变值的"background-image"属性：
background-image: -webkit-linear-gradient(top, #your_color, #your_color);