Я получаю странную ошибку в браузерах iOS7, где черные линии появляются вокруг элементов div. Но когда вы приближаетесь к элементу, эти линии исчезают. Кто-нибудь имеет представление о том, что вызывает эту странную ошибку? В iOS6 не было строк. Это происходит по этому адресу: http://www.tristanfrencken.com/ios 7 browser-kit черные границы вокруг элементов div
Надеюсь, кто-то может мне помочь!
Необычно, это похоже на срабатывание, когда элемент фиксирован И имеет цвет фона, но только в IOS7, а не если он имеет фоновое изображение. Я бы назвал это ошибкой в браузере, но в качестве обходного пути теперь вы можете использовать сплошное белое изображение, выложенное плиткой, в качестве фона заголовка.
Это похоже на ошибку в iOS7, а также в новейшем Safari на OSX Maverick. Перекрывающиеся элементы с цветом фона, похоже, «сгущают» их контуры, вызывая это странное поведение. Я отчаянно ищут решение этого.
я начал новую тему об этом здесь iOS7/Mavericks Safari strange element border behaviour
Это происходит со мной, и это было связано с мета-тег, позволяющий трансфокатора
Видимо IOS Safari имеет проблемы с изменением размеров вещей и создает что артефакт
Применение мета-тег, чтобы отключить масштабирование решить мою проблему (пользовательский масштабируемый = нет)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Это не действительно решить проблему, особенно если вы хотите, чтобы ваша страница была масштабируемой ... – Greg
Кажется, что это проблема непосредственно в webkit (https://bugs.webkit.org/show_bug.cgi?id=124541).
Мы мастерили с той же проблемой в нашем вебе-приложении, где контейнер Div-элементы с цветом фона и фиксированным позиционированием бы получить черные границы при различных значениях зума в прошивке 7.
Нашего первое решение участвует преобразование цвета фона в base64 URLs который работал достаточно хорошо, но не был достаточно гибким.
Вместо этого мы избавились от черных границ, применив border-radius: 1px; к элементам контейнера, которые удалили все черные границы. Значение достаточно низкое, чтобы его не было видно.
странно радиус границы работает –
Использование «Фоновое изображение» свойства с теми же значениями градиента:
background-image: -webkit-linear-gradient(top, #your_color, #your_color);
Можете ли вы дать некоторые детали, такие как то, что стиль границы вашего использования и т.д.? Кроме того, может быть, скриншот или два? – neelsg
Я попытался добавить скриншот, но мне еще не было разрешено размещать изображение. Проблема, казалось, лежала в jquery Isotop-плагине, который я использовал. Я сменил его на плакат масонства, и теперь границы исчезли. В нижней части заголовка все еще есть граница, которая имеет фиксированное положение. Поэтому я думаю, что это имеет какое-то отношение к этой позиции. У меня нет стилей границ в моем CSS для этих элементов. – Kneep