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

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

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

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

628
css html iframe internet-explorer-6 noborder

23 ответов

добавить frameBorder атрибут (обратите внимание на капитал 'B').

Так это будет выглядеть:

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

после того, как я сошел с ума, пытаясь удалить границу в IE7, я обнаружил, что атрибут frameBorder чувствителен к регистру.

вы должны установить атрибут frameBorder с заглавной B.

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

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

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >
51

по состоянию на окне iframe документация, frameBorder устарел и использование атрибута CSS" border " предпочтительно:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • Примечание CSS границы свойство делает не достигните желаемых результатов в IE6, 7 или 8.
48

для конкретных вопросов браузера также добавить frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" согласно Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>
21

используйте HTML iframe frameborder атрибут

http://www.w3schools.com/tags/att_iframe_frameborder.asp

Примечание: используйте frameBorder (cap B) для IE, в противном случае не будет работать. Но атрибут iframe frameborder не поддерживается в HTML5. Поэтому вместо этого используйте CSS.

<iframe src="http://example.org" width="200" height="200" style="border:0">

вы также можете удалить прокрутку с помощью прокрутки атрибут http://www.w3schools.com/tags/att_iframe_scrolling.asp

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

Также вы можете использовать бесшовный атрибут, который является новым в HTML5. Бесшовный атрибут тега iframe поддерживается только в Opera, Chrome и Safari. Когда он присутствует, он указывает, что iframe должен выглядеть как часть содержащего документа (без границ или полос прокрутки). На данный момент бесшовный атрибут тега поддерживается только в Opera, Chrome и Safari. Но в ближайшем будущем это будет стандартным решением и будет совместим со всеми браузерами. http://www.w3schools.com/tags/att_iframe_seamless.asp

9

можно использовать style="border:0;" в вашем коде iframe. Это рекомендуемый способ удаления границы в HTML5.

проверьте мои html5 iframe генератор инструмент для настройки iframe без редактирования кода.

8

добавить атрибут frameBorder (заглавная "B").

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

свойство Style можно использовать Для HTML5, если вы хотите удалить бодер вашего фрейма или что-либо еще, вы можете использовать свойство style. как показано ниже

код

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

вы также можете сделать это с помощью JavaScript таким образом. Он найдет любые элементы iframe и удалит их границы в IE и других браузерах (хотя вы можете просто установить стиль "border : none;" в браузерах, отличных от IE, вместо использования JavaScript). И он будет работать, даже если используется после создания iframe и на месте в документе (например, iframes, которые добавляются в простой HTML, а не JavaScript)!

это работает, потому что IE создает границу, а не на элементе iframe, как вы ожидайте, но по содержимому iframe--после того, как iframe будет создан в спецификации. ($@& * #@!!! ИЕ!!!)

Примечание: часть IE будет работать только (конечно), если родительское окно и iframe из одного источника (тот же домен, порт, протокол и т. д.). В противном случае скрипт получит ошибки "доступ запрещен" в консоли ошибок IE. Если это произойдет, ваш единственный вариант-установить его до его создания, как отметили другие, или использовать нестандартный атрибут frameBorder="0". (или просто дайте IE посмотреть fugly--мой текущий любимый вариант ;))

потребовалось много часов работы до отчаяния, чтобы понять это...

наслаждайтесь. :)

// =========================================================================
// Remove borders on iFrames

if (window.document.getElementsByTagName("iframe"))
   {
      var iFrameElements = window.document.getElementsByTagName("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", "0");   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }
6

Если doctype страницы, на которой вы размещаете iframe, - HTML5, то вы можете использовать

6

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

* {
  padding:0px;
  margin:0px;
 }
5

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

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

}

Это также жизнеспособный вариант.

5
<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

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

4

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

<body style="margin:0px;">
3

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

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>
3

попробовать

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

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

2

использовать

style="border:none;

пример:

<iframe src="your.html" style="border:none;"></iframe>
2

чтобы удалить границу, вы можете использовать свойство CSS border для none.

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>
1

либо добавьте атрибут frameBorder, либо используйте style с шириной границы 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>
1

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

1
iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

работает с Firefox ;)

-1
<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.
-1