8

Убрать границу у IFrame

1

Заголовок: Как удалить рамку у iframe в веб-приложении для IE6?

Описание проблемы:

Как я могу убрать рамку у iframe, встроенного в мое веб-приложение? Пример iframe выглядит следующим образом:

<iframe src="myURL" width="300" height="300">Ваш браузер не поддерживает iframe.</iframe>

Я хотел бы, чтобы переход от содержимого на моей странице к содержимому iframe был плавным, при условии, что цвета фона совпадают. Целевая платформа — только IE6, и, к сожалению, решения для других браузеров не помогут.

5 ответ(ов)

13

Вам нужно добавить атрибут frameBorder (обратите внимание на заглавную букву 'B'). Вот как это должно выглядеть:

<iframe src="myURL" width="300" height="300" frameBorder="0">Браузер не поддерживается.</iframe>
1

Проблема с удалением бордюра в IE7 оказалась связана с чувствительностью к регистру атрибута frameBorder. Чтобы это исправить, убедитесь, что вы используете заглавную букву B.

Правильный код будет выглядеть так:

<iframe frameBorder="0"></iframe>

Убедитесь, что вы используете именно такой формат, и бордюр должен исчезнуть.

0

В дополнение к добавлению атрибута frameBorder, вы также можете рассмотреть возможность установки атрибута scrolling в значение "no", чтобы предотвратить появление полос прокрутки.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Браузер не поддерживается.</iframe>
0

При решении проблем, специфичных для браузеров, рекомендуется добавить атрибуты frameborder="0", hspace="0", vspace="0", marginheight="0" и marginwidth="0" в соответствии с рекомендациями Dreamweaver.

Вот пример корректного использования тега <iframe>:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Браузер не совместим.</iframe>

Эти атрибуты помогут избежать лишних отступов и улучшить совместимость с различными браузерами.

0

Вы можете использовать свойство style в HTML5, чтобы удалить рамку у вашего фрейма или любого другого элемента. Ниже приведён пример кода, который демонстрирует, как это сделать:

<iframe src="demo.htm" style="border:none;"></iframe>

В этом примере мы устанавливаем стиль border:none;, что эффективно убирает рамку у фрейма.

Чтобы ответить на вопрос, пожалуйста, войдите или зарегистрируйтесь