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