it-swarm-tr.com

IFrame'den sınırı kaldır

Kenarlığı web uygulamamdaki bir iframe dosyasından nasıl kaldırabilirim? iframe dosyasının bir örneği:

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

Arka plan renklerinin tutarlı olduğunu varsayarak sayfamdaki içerikten iframe içeriğine geçişin kesintisiz olmasını istiyorum. Hedef tarayıcı yalnızca IE6'dır ve ne yazık ki başkalarına yönelik çözümler yardımcı olmaz.

645
JoelB

frameBorder niteliğini ekleyin ( capital ‘B’ 'ye dikkat edin).

Böylece şöyle olurdu:

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

IE7'deki sınırı kaldırmaya çalışırken çılgına döndükten sonra, frameBorder niteliğinin büyük/küçük harf duyarlı olduğunu gördüm.

FrameBorder niteliğini bir başkent B ile ayarlamanız gerekir.

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

İframe dokümantasyonuna göre, frameBorder kullanımdan kaldırılmıştır ve "border" CSS özelliğini kullanmak tercih edilir:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • Not CSS border özelliği not IE6, 7 veya 8'de istenen sonuçları elde eder.
64

FrameBorder niteliğini eklemenin yanı sıra, kaydırma çubuklarının görünmesini engellemek için kaydırma özelliğini "hayır" olarak ayarlamayı düşünebilirsiniz.

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

Tarayıcıya özgü sorunlar için Dreamweaver'a göre frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" 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>
21
Marnix Bras

HTML iframe frameborder Özniteliğini kullanın

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

Not: IE için çerçeveBorder (kapak B) kullanın, aksi takdirde çalışmaz. Ancak, iframe frameborder niteliği HTML5'te desteklenmiyor. Yani, bunun yerine CSS kullanın.

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

kaydırma özelliğini 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 kullanabilirsiniz. İframe etiketinin kesintisiz niteliği yalnızca Opera, Chrome ve Safari'de desteklenir. Varsa, iframe'in içeren belgenin bir parçası gibi görünmesi gerektiğini belirtir (kenarlık veya kaydırma çubuğu yok). Şu andan itibaren, etiketin kesintisiz özelliği yalnızca Opera, Chrome ve Safari'de desteklenir. Ancak yakın gelecekte standart bir çözüm olacak ve tüm tarayıcılarla uyumlu olacak. http://www.w3schools.com/tags/att_iframe_seamless.asp

9
Shubham Badal

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

İframe'inizi kod düzenlemeden özelleştirmek için html5 iframe generator tool'u kontrol edin.

8
Shan Eapen Koshy

Stil özelliği kullanılabilir HTML5 için, çerçevenizin kenarlığını veya herhangi bir şeyi stil özelliğini kullanmak isterseniz. aşağıda verildiği gibi

Kod buraya gidiyor

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

FrameBorder niteliğini (Capital ‘B’) ekleyin.

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

İframe'i yerleştirdiğiniz sayfanın doktipi HTML5 ise, seamless niteliğini şöyle kullanabilirsiniz:

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

kesintisiz özellik Mozilla docs

6
David Tuite

Bunu JavaScript ile de bu şekilde yapabilirsiniz. İframe öğelerini bulur ve sınırlarını IE ve diğer tarayıcılarda kaldırır (ancak, yalnızca JavaScript'i kullanmak yerine IE dışındaki tarayıcılarda "kenarlık: yok;" stilini ayarlayabilirsiniz). VE iframe üretildikten ve belgede yerinde (SONRA, düz HTML olarak eklenmiş ve JavaScript değil iframe'ler) SONRA kullanılsa bile çalışacaktır!

Bu işe yarıyor çünkü IE beklediğiniz iframe öğesinde değil, iframe'in İÇERİĞİ'nde - iframe BOM'da oluşturulduktan sonra, sınır oluşturuyor. ($ @ & * # @ !!! IE !!!)

Not: IE bölümü yalnızca (eğer) üst pencere ve iframe SAME Origin'den ise (aynı etki alanı, port, protokol vb.) Çalışır. Aksi takdirde, komut dosyası IE hata konsolunda "erişim reddedildi" hataları alır. Bu olursa, tek seçeneğiniz, başkalarının da belirttiği gibi oluşturulmadan önce ayarlamak veya standart olmayan frameBorder = "0" özelliğini kullanmaktır. (veya sadece IE titizlikle bakmasına izin verin - şu anki favori seçeneğim;))

Bunu anlamak için ÇOK çalışma saatini umutsuzluk noktasına götürdü ...

Keyfini çıkarın. :)

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

Stil sayfanıza ekleyin

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

}

Bu da uygulanabilir bir seçenek.

5
Tropilac

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

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

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

4
IamGuest

300x300 boyutuna dayanmadığınızı varsaydığım tüm ekranın genişliğine ve yüksekliğine uymak için iFrame kullanıyorsanız, gövde kenar boşluklarını da "0" olarak ayarlamanız gerekir:

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

ayrıca border = "0px" ayarını yapın

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

Deneyin

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

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

2
Amaan Iqbal

FrameBorder özniteliğini ekleyin ya da border-width 0px;.

3 altından 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>
2
Divya Chugh

Bunu kullan

style="border:none;

Örnek:

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

Onun basit sadece iframe etiketi frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe> içinde öznitelik eklemek

1
Chetan Chauhan

Kenarlığı kaldırmak için hiçbirine CSS border özelliğini kullanabilirsiniz.

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