iFrame показывает серую линию только в мобильном сафари

Question

Я разработал простой корпоративный сайт и потратил больше времени на отладку этой проблемы с рендерингом, чем на то, чтобы заставить вещи работать правильно в PHP!

У меня есть iframe.Во всех других браузерах (даже Safari на рабочем столе) он отображается правильно, но на мобильном телефоне Safari на границе iFrame есть тонкая серая линия - но только при определенных уровнях масштабирования.Я читал другие подобные посты, которые имели отношение к двум div, входящим в контакт друг с другом, но там iFrame не заключен в div.

Соответствующий CSS:

iframe.noBorder {
  border: none;
  border:0;
}

Фактический код встраивания iFrame:

<iframe class="noBorder1" src="header.html" width=980 height="160" frameborder="0" border="0" scrolling="no" ></iframe>

Как я уже сказал, он не в div или чем-то еще.

Вы можете увидеть проблему здесь или посмотреть изображение здесь .

Answer 1

overflow: hidden; решает проблему!

Answer 2

Я попробовал это на нескольких ПК-браузерах без проблем - так что, я думаю, вы обнаружили глюк в мобильном телефоне.

Не могли бы вы установить для атрибута border-color элемента iframe тот же зеленовато-серый цвет, что и для содержащего элемента - или прозрачный и посмотреть, исправляет ли это это?