IFrame'den kenarlığı kaldır

Web uygulamama katıştırılmış bir iframe'den kenarlığı nasıl kaldırabilirim? İframe'in bir örneği:

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

Arka plan renklerinin tutarlı olduğu varsayılarak, sayfamdaki içerikten iframe'in içeriğine geçişin sorunsuz olmasını istiyorum. Hedef tarayıcı sadece IE6 ve ne yazık ki diğerleri için çözümler yardımcı olmaz.

frameBorderÖzelliği ekleyin ( 'B' harfine dikkat edin ).

Yani şöyle görünecektir:

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

IE7'de kenarlığı kaldırmaya çalışırken çıldırdıktan sonra frameBorder özniteliğinin büyük / küçük harfe duyarlı olduğunu gördüm.

FrameBorder niteliğini büyük B ile ayarlamanız gerekir .

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

Gereğince iframe dokümantasyon, frameborder kaldırılmıştır ve "sınır" CSS özelliğini kullanarak tercih edilir:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

• Not CSS border özelliği IE6, 7 veya 8'de istenen sonuçları elde edemez .

FrameBorder özniteliğini eklemeye ek olarak, kaydırma çubuklarının görünmesini önlemek için kaydırma özniteliğini "hayır" olarak ayarlamayı düşünebilirsiniz.

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

Tarayıcıya özgü sorunlar frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"için Dreamweaver'a göre ekleyin :

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

HTML iframe çerçeve stili Özelliğini Kullanma

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

Not: çerçeve kullanın B sırası (kap B) IE için, aksi takdirde çalışmaz. Ancak, iframe frameborder niteliği HTML5'te desteklenmez. Bunun yerine, CSS kullanın.

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

kaydırma özelliğini kullanarak kaydırma özelliğini de kaldırabilirsiniz http://www.w3schools.com/tags/att_iframe_scrolling.asp

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

Ayrıca HTML5'te yeni olan kesintisiz özelliği de kullanabilirsiniz. İframe etiketinin kesintisiz özelliği yalnızca Opera, Chrome ve Safari'de desteklenir. Var olduğunda, iframe'in içerdiği belgenin bir parçası gibi görünmesi gerektiğini belirtir (kenarlık veya kaydırma çubuğu yoktur). Şu andan itibaren, etiketin kesintisiz özelliği yalnızca Opera, Chrome ve Safari'de desteklenmektedir. Ancak yakın gelecekte standart çözüm olacak ve tüm tarayıcılarla uyumlu olacaktır. http://www.w3schools.com/tags/att_iframe_seamless.asp

Kullanabilirsiniz style="border:0;"İframe kodunuzda . HTML5'te kenarlığı kaldırmanın önerilen yolu budur.

İframe'inizi kodu düzenlemeden özelleştirmek için html5 iframe jeneratör aracımı inceleyin .

Style özelliği kullanılabilir çerçevenizin altbilgisini veya style özelliğini kullanabileceğiniz herhangi bir şeyi kaldırmak istiyorsanız HTML5 . aşağıda verildiği gibi

Kod buraya geliyor

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

FrameBorder özniteliğini (Capital 'B') ekleyin.

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

JavaScript ile bu şekilde de yapabilirsiniz. Tüm iframe öğelerini bulur ve IE ve diğer tarayıcılarda sınırlarını kaldırır (ancak JavaScript kullanmak yerine IE olmayan tarayıcılarda "border: none;" stilini ayarlayabilirsiniz). VE iframe oluşturulduktan SONRA ve belgede yerinde kullanıldıysa bile çalışacaktır (örn. JavaScript yerine düz HTML olarak eklenen iframe'ler)!

Bu, IE'nin kenarlık oluşturduğundan, iframe öğesinde beklediğiniz gibi değil, iframe'in İÇERİĞİ'nde - iframe Malzeme Listesinde oluşturulduktan sonra. ($ @ & * # @ !!! IE !!!)

Not: IE bölümü yalnızca (tabii ki) üst pencere ve iframe aynı alandan geliyorsa (aynı etki alanı, bağlantı noktası, protokol vb.) Çalışacaktır. Aksi takdirde komut dosyası IE hata konsolunda "erişim engellendi" hataları alır. Bu durumda, tek seçeneğiniz diğerlerinin belirttiği gibi oluşturulmadan önce ayarlamak veya standart olmayan frameBorder = "0" özniteliğini kullanmaktır. (veya IE'nin çirkin görünmesine izin ver - mevcut favori seçeneğim;))

Bunu anlamak için çaresizlik noktasına kadar ÇOK saat çalıştım ...

Zevk almak. :)

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

Yukarıdakilerin hepsini denedim ve bu sizin için işe yaramazsa aşağıdaki CSS'yi deneyin benim için sorunu çözdü. Bu, tarayıcılara herhangi bir dolgu veya kenar boşluğu eklememelerini söyler.

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

İframe'i yerleştirdiğiniz sayfanın dokümanı HTML5 ise, seamlessözelliği şu şekilde kullanabilirsiniz :

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

Sorunsuz özellikte Mozilla belgeleri

Stil sayfanıza ekleyin

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

}

Bu aynı zamanda geçerli bir seçenektir.

İFrame'i tüm ekranın genişliğine ve yüksekliğine uyacak şekilde kullanıyorsanız, 300x300 boyutuna dayanmadığınızı varsayıyorum, ayrıca gövde kenar boşluklarını şöyle "0" olarak ayarlamanız gerekir:

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

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

Bu kod hem HTML 4 hem de 5'de çalışmalıdır.

FrameBorder özniteliğini ekleyin veya kenarlık genişliği 0px olan bir stil kullanın veya kenarlık stilini hiçbirine eşit olarak ayarlayın.

aşağıdaki 3'ten herhangi birini kullanın:

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

ayrıca set border = "0px"

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

Deneyin

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

Bu çerçevenizin kenarlığını kaldıracaktır.

Bunu kullan

style="border:none;

Misal:

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

Kenarlığı kaldırmak için CSS border özelliğini none olarak kullanabilirsiniz.

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

Basit, iframe etiketi frameborder = 0'da öznitelik ekle <iframe src="" width="200" height="200" frameborder="0"></iframe>

1. satır içi stil kümesi kenarlığı: 0

 <iframe src="display_file.html" style="height: 400px; width:
   100%;border: 0;">HTML iFrame is not compatible with your browser
   </iframe>

2. Etiket Özellik çerçevesi Üzerinden Sınır Seti 0

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

3. Birden fazla I Frame'imiz varsa, dahili veya harici olarak sınıf ve Put css verebiliriz.

HTML:

<iframe src="display_file.html" class="no_border_iframe">
    HTML iFrame is not compatible with your browser 
</iframe>

CSS:

<style>
.no_border_iframe{
border: 0; /* or border:none; */
}
</style>

Alt beyaz kenarlıkla ilgili bir sorunum vardı ve kenarlık, kenar boşluğu ve dolgu kuralları ile düzeltemedim ... display:block;iframe bir satır içi öğe olduğu için ekleyin .

Bu, HTML'nizdeki boşlukları dikkate alır.

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

Firefox ile çalışır;)

<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.