Убрать границу у IFrame
Заголовок: Как удалить рамку у iframe в веб-приложении для IE6?
Описание проблемы:
Как я могу убрать рамку у iframe, встроенного в мое веб-приложение? Пример iframe выглядит следующим образом:
<iframe src="myURL" width="300" height="300">Ваш браузер не поддерживает iframe.</iframe>
Я хотел бы, чтобы переход от содержимого на моей странице к содержимому iframe был плавным, при условии, что цвета фона совпадают. Целевая платформа — только IE6, и, к сожалению, решения для других браузеров не помогут.
5 ответ(ов)
Вам нужно добавить атрибут frameBorder
(обратите внимание на заглавную букву 'B'). Вот как это должно выглядеть:
<iframe src="myURL" width="300" height="300" frameBorder="0">Браузер не поддерживается.</iframe>
Проблема с удалением бордюра в IE7 оказалась связана с чувствительностью к регистру атрибута frameBorder
. Чтобы это исправить, убедитесь, что вы используете заглавную букву B.
Правильный код будет выглядеть так:
<iframe frameBorder="0"></iframe>
Убедитесь, что вы используете именно такой формат, и бордюр должен исчезнуть.
В дополнение к добавлению атрибута frameBorder
, вы также можете рассмотреть возможность установки атрибута scrolling
в значение "no", чтобы предотвратить появление полос прокрутки.
<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Браузер не поддерживается.</iframe>
При решении проблем, специфичных для браузеров, рекомендуется добавить атрибуты 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>
Эти атрибуты помогут избежать лишних отступов и улучшить совместимость с различными браузерами.
Вы можете использовать свойство style
в HTML5, чтобы удалить рамку у вашего фрейма или любого другого элемента. Ниже приведён пример кода, который демонстрирует, как это сделать:
<iframe src="demo.htm" style="border:none;"></iframe>
В этом примере мы устанавливаем стиль border:none;
, что эффективно убирает рамку у фрейма.
Как применить CSS к iframe?
Получить координаты (X,Y) HTML-элемента
Как создать ненумерованный список без маркеров?
Стилизация кнопки input type="file"
Изменение цвета элемента hr