html - from - Удалить границу с IFrame




select element in iframe (16)

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

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

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


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

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

}

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


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

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

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

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

Примечание. Часть IE будет работать (разумеется), только если родительское окно и iframe находятся в ИСТОЧНИКЕ (тот же домен, порт, протокол и т. Д.). В противном случае скрипт получит ошибки «отказа в доступе» в консоли ошибок IE. Если это произойдет, единственный вариант - установить его перед тем, как он будет сгенерирован, как отмечали другие, или использовать нестандартный атрибут frameBorder = «0». (или просто пусть IE выглядит уродливо - мой текущий любимый вариант;))

Взял меня МНОГИЕ часы работы до отчаяния, чтобы понять это ...

Наслаждаться. :)

// =========================================================================
// 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.
         }
   }

Для особых проблем браузера также добавьте 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>

Добавьте атрибут frameBorder (Столица «B»).

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

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


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

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

Использовать атрибут фрейма HTML iframe

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

Примечание: используйте код кадра B (колпачок B) для IE, иначе работать не будет. Но атрибут frameborder iframe не поддерживается в 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


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


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

Вы должны установить атрибут frameBorder с капиталом B.

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

Согласно документации iframe , frameBorder устарел и использование атрибута CSS «border» является предпочтительным:

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

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

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

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

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

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

Код идет сюда

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

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

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


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

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





noborder