Удалить границу из IFrame - PullRequest
Новая
       94

Удалить границу из IFrame

646 голосов
/ 15 сентября 2008

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

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

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

Ответы [ 23 ]

6 голосов
/ 03 июля 2013

Если тип страницы, на которой вы размещаете iframe, - это HTML5, тогда вы можете использовать атрибут seamless, например: 

<iframe src="..." seamless="seamless"></iframe>

Документы Mozilla для бесшовного атрибута

5 голосов
/ 18 февраля 2015

В вашей таблице стилей добавьте 

{
  padding:0px;
  margin:0px;
  border: 0px

}

Это также приемлемый вариант.

5 голосов
/ 12 июня 2014

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

* {
  padding:0px;
  margin:0px;
 }
4 голосов
/ 03 сентября 2016 
<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

Этот код должен работать в HTML 4 и 5.

4 голосов
/ 20 июля 2016

Если вы используете iFrame, чтобы соответствовать ширине и высоте всего экрана, что, как я предполагаю, не основано на размере 300x300, вы также должны установить поля тела равными «0», например: 

<body style="margin:0px;">
3 голосов
/ 05 января 2017

также установите border = "0px" 

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>
2 голосов
/ 09 января 2018

Либо добавьте атрибут frameBorder, либо используйте стиль с border-width 0px; либо установите стиль границы равным none.

используйте любой из нижеприведенных 3: 

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>
2 голосов
/ 17 сентября 2017

Используйте это 

style="border:none;

Пример: 

<iframe src="your.html" style="border:none;"></iframe>
2 голосов
/ 01 июля 2017

Попробуйте 

<iframe src="url" style="border:none;"></iframe>

Это удалит границу вашего кадра.

1 голос
/ 19 февраля 2018

Просто добавьте атрибут в тег iframe frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...