Вопрос по ios, jquery, jquery-masonry, html, css – Набор для браузера ios 7: черные рамки вокруг элементов div

7

Я получаю странную ошибку в браузерах iOS7, где вокруг элементов div появляются черные линии. Но когда вы увеличиваете масштаб элемента, эти линии исчезают. У кого-нибудь есть идеи, что вызывает эту странную ошибку? В iOS6 не былот любые строки появляются. Это'происходит по этому URL:http://www.tristanfrencken.com/

Надеюсь, кто-нибудь сможет мне помочь с этим!

Можете ли вы дать более подробную информацию, например, какой стиль рамки вы используете и т.д.? Кроме того, может быть, включить скриншот или два? neelsg
Я пытался добавить скриншот, но я неТ разрешено еще публиковать изображения. Проблема, казалось, лежала в плагине jquery Isotop, который я использовал. Я изменил его на плагин кладки, и теперь границы исчезли. Внизу заголовка все еще видна граница, которая имеет положение: исправлено. Так что я думаю, что это как-то связано с этой позицией. Я неВ моем CSS нет стилей границ для этих элементов. Kneep

Ваш Ответ

6   ответов
4

это, кажется, срабатывает, когда элемент зафиксирован И имеет цвет фона, но только в IOS7, а не если он имеет фоновое изображение. Я'Я бы назвал это ошибкой в браузере, но в качестве обходного пути вы можете использовать сплошное белое изображение, выложенное плиткой, в качестве фона заголовка.

хммм яВы удалили все элементы с положением: исправлено и все еще есть эта проблема, есть ли у вас какие-либо дополнительные советы? :) kuba
Только заменить цвета фона на сплошное изображение? Я'Мы только видели проблему с позицией: исправлена, поэтому, возможно, ваша проблема в другом. Greg
Нет, я имею в виду положение: исправлено Greg
Спасибо Грэг за вашу помощь, кажется, это общая проблема, ямы провели некоторое тестирование, например, cnn.com и тут тоже есть эта проблема. Я'мы обнаружили, что это знают и исправили проблему в webkit:bugs.webkit.org/show_bug.cgi?id=124541 так что нам нужно просто подождать несколько патчей для сафари :) kuba
под фиксированной вы имеете в виду положение: абсолютное? kuba
0

и это было связано с метатегом, позволяющим увеличить

По всей видимости, iOS Safari имеет проблему с изменением размеров и создает этот артефакт

Применение метатега для отключения масштабирования решило мою проблему (user-scalable = no)

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Это неЭто действительно решит проблему, особенно если вы хотите, чтобы ваша страница была масштабируемой ... Greg
3

где контейнеры div-элементов с цветом фона и фиксированным позиционированием получат черные границы при различных значениях масштабирования в iOS 7.

Наше первое решение заключалось в преобразовании фоновых цветов в URL-адреса base64, которые работали довольно хорошо, нодостаточно гибок.

Вместо этого мы избавились от черных границ, применяяborder-radius: 1px; к элементам контейнера, которые удалили все черные границы. Значение достаточно низкое, чтобы его не было видно.

странно радиус границы работает Henry Gibson
0

а также в новейшем Safari на OSX Maverick. Перекрывающиеся элементы с цветом фона кажутся 'сгущать' их очертания вызывают это странное поведение. Я отчаянно ищу решение этой проблемы.

Я начал новую тему об этом здесьiOS7 / Mavericks Safari странный элемент границы поведения

0

изображение на заднем плане" свойство с такими же значениями градиента:

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

Похожие вопросы