it-swarm-eu.dev

Odstraňte ohraničení z IFrame

Jak odstraním ohraničení z iframe vloženého v mé webové aplikaci? Příklad iframe je:

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

Chtěl bych, aby přechod z obsahu na mé stránce na obsah iframe byl bezproblémový, za předpokladu, že barvy pozadí jsou konzistentní. Cílový prohlížeč je pouze IE6 a řešení pro ostatní bohužel nepomůže.

645
JoelB

Přidejte atribut frameBorder (poznámka kapitál „B“ ).

Tak to bude vypadat takto:

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

Poté, co se šíleni snaží odstranit hranici v IE7, zjistil jsem, že atribut frameBorder rozlišuje velká a malá písmena.

Atribut frameBorder musíte nastavit pomocí velkéhoB.

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

Podle iframe documentation, frameBorder je zastaralý a je preferován atribut CSS "border":

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • Poznámka CSS border vlastnost dělá ne dosažení požadovaných výsledků v IE6, 7 nebo 8.
64

Kromě přidání atributu frameBorder můžete zvážit nastavení atributu posouvání na hodnotu „no“, aby nedošlo k zobrazení posuvníků.

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

Problémy specifické pro prohlížeč také přidejte frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" podle Dreamweaveru:

<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
Marnix Bras

Použijte atribut HTML iframe frameborder

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

Poznámka: použijte rámečekBorder (cap B) pro IE, jinak nebude fungovat. Atribut iframe frameborder však není v HTML5 podporován. Použijte místo toho CSS.

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

můžete také odstranit rolování pomocí atributu rolování http://www.w3schools.com/tags/att_iframe_scrolling.asp

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

Také můžete použít bezproblémový atribut, který je nový v HTML5. Bezproblémový atribut tagu iframe je podporován pouze v Opera, Chrome a Safari. Když je přítomen, určuje, že iframe by měl vypadat jako součást obsahujícího dokumentu (bez ohraničení nebo posuvníků). Od nynějška je bezešvý atribut tagu podporován pouze v Opera, Chrome a Safari. Ale v blízké budoucnosti to bude standardní řešení a bude kompatibilní se všemi prohlížeči. http://www.w3schools.com/tags/att_iframe_seamless.asp

9
Shubham Badal

style="border:0;" můžete použít v kódu iframe. To je doporučený způsob, jak odstranit ohraničení v HTML5.

Podívejte se na můj html5 iframe generátor nástroj pro přizpůsobení iframe bez editačního kódu.

8
Shan Eapen Koshy

Vlastnost stylu lze použít Pro HTML5, pokud chcete odstranit ohraničení rámečku nebo cokoliv, můžete použít vlastnost stylu. jak je uvedeno níže

Kód jde sem

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

Přidejte atribut frameBorder (Kapitál „B“).

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

Pokud je doctype stránky, na kterou umístíte iframe, HTML5, můžete použít atribut seamless takto:

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

Dokumenty Mozilly o atributu bezešvé

6
David Tuite

Můžete to také udělat s JavaScript tímto způsobem. Nalezne všechny elementy iframe a odstraní jejich okraje v IE a dalších prohlížečích (i když v prohlížeči bez IE můžete nastavit styl "border: none;" namísto použití JavaScriptu). A bude fungovat i v případě, že bude po vytvoření iframe v dokumentu (např. Iframe, které jsou přidány v prostém HTML a ne v JavaScriptu)!

Zdá se, že to funguje, protože IE vytváří ohraničení, ne na elementu iframe, jak byste očekávali, ale na OBSAH iframe - po vytvoření iframe v rozpisce. ($ @ & * # @ !!! IE !!!)

Poznámka: Součást IE bude fungovat (samozřejmě) pouze v případě, že rodičovské okno a iframe jsou ze SAME Origin (stejná doména, port, protokol atd.). V opačném případě skript získá chybu "přístup odepřen" v konzole IE. Pokud se tak stane, jedinou možností je nastavit ji před generováním, jak si ostatní poznamenali, nebo použít nestandardní atribut frameBorder = "0". (nebo jen nechte IE vypadat fugly - moje aktuální oblíbená volba;))

Vzal jsem si spoustu hodin práce do bodu zoufalství, abych to zjistil ...

Užívat si. :)

// =========================================================================
// 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
FirstFraktal

Ve vašem stylu přidejte

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

}

To je také životaschopná volba.

5
Tropilac

Snažil jsem se všechny výše uvedené a pokud to nefunguje pro vás zkuste níže CSS vyřešil problém pro mě. Což říká, že prohlížeče nepřidávají žádné polstrování ani okraj.

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

Tento kód by měl fungovat v HTML 4 i 5.

4
IamGuest

Pokud používáte iFrame, aby se vešly na šířku a výšku celé obrazovky, kterou předpokládám, že nejste založeni na velikosti 300x300, musíte také nastavit okraje těla na hodnotu „0“ takto:

<body style="margin:0px;">
4
Michael Herr

také nastavit border = "0px"

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

Snaž se

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

Tím odstraníte ohraničení rámečku.

2
Amaan Iqbal

Buď přidejte atribut frameBorder nebo použijte styl s hraniční šířkou 0px; nebo nastavte styl ohraničení rovný žádné.

použít kterýkoli z níže uvedených 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
Divya Chugh

Použij toto

style="border:none;

Příklad:

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

Jeho jednoduchý doplněk atributu v tagu iframe frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

1
Chetan Chauhan

K odstranění ohraničení můžete použít vlastnost CSS border na none.

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