iOS (Safari и Chrome) черная рамка вокруг div

У меня есть div без границ. В браузерах iPhone/iPad он появляется с черной рамкой. Код:iOS (Safari и Chrome) черная рамка вокруг div

.progress { 
position: absolute; 
left: 0px; 
z-index: 9999; 
background: #ffffff url(img/progress.gif) center 95px no-repeat; 
height: 100%; 
}

Я уже пробовал с:

border: 1px solid white;

Но безрезультатно. Также transparent ничего не приносит.

Скриншот: http://liebdich.biz/img/Foto.PNG

Edit: На самом деле я не знаю, что происходит. Поскольку этот div появляется в других случаях без границы. Перейдите на страницу http://liebdich.biz/blanc, чтобы увидеть это в прямом эфире. Это анимация Ajax «loading» div. Всякий раз, когда вы нажимаете на ссылку, вы можете ее увидеть. Однако если вы идете на http://liebdich.biz/blanc/profile и нажимаете на картинку, вы увидите то же самое div, но с границей ...? Может быть, это связано с jQuery fadeOut изображений?

спасибо !!

источник

2013-11-07 loveNoHate

Вы потянули это в симулятор iOS и осмотрели дом? Существует еще одно свойство, Outline, которое может быть использовано. Вы используете сброс CSS? –

Вы должны предоставить дополнительную информацию. Пожалуйста, предоставьте html и другие css в использовании ... Я сделал какой-то тест ничем не как черную рамку. – Juan

@ stacey.mosier Нет, я не использовал симулятор iOS, должен ли я попробовать? Я пробовал использовать «outline: 0! Important;», безрезультатно. Я использую 'normalize.css'. – loveNoHate

Это происходит со мной, и это было связано с мета-тег, позволяющий трансфокатора

Видимо IOS Safari имеет проблемы с изменением размеров вещей и создает тот артефакт

Применив мета тег, чтобы отключить масштабирование решить мой проблема (пользователь-масштабируемый = нет)

источник

2013-12-09 23:50:07

Это фиксировало проблему для меня, когда границы появлялись на контейнере слайдера, только в ландшафте, хотя на iPhone и iPad. –

iOS (Safari и Chrome) черная рамка вокруг div

ответ

Смежные вопросы