808

Web アプリに埋め込まれた iframe から境界線を削除するにはどうすればよいですか? iframe の例は次のとおりです。

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

背景色が一貫していると仮定して、ページのコンテンツから iframe のコンテンツへの移行をシームレスにしたいと考えています。ターゲット ブラウザは IE6 のみであり、残念ながら他のブラウザのソリューションは役に立ちません。

4

26 に答える 26

1244
于 2008-09-15T17:45:47.487 に答える
167

IE7 で境界線を削除しようとして気が狂った後、frameBorder 属性で大文字と小文字が区別されることがわかりました。

大文字のBで frameBorder 属性を設定する必要があります。

<iframe frameBorder="0"></iframe>
于 2008-11-02T21:29:54.787 に答える
109

iframeのドキュメントによると、 frameBorderは非推奨であり、"border" CSS 属性の使用が推奨されます。

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • CSS ボーダー プロパティは、IE6、7、または 8 では望ましい結果を達成しないことに注意してください。
于 2011-12-08T21:27:47.603 に答える
56

frameBorder 属性を追加することに加えて、scrolling 属性を「no」に設定して、スクロールバーが表示されないようにすることを検討してください。

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >
于 2008-09-15T17:54:00.510 に答える
23

ブラウザ固有の問題については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>
于 2011-02-01T10:23:46.683 に答える
8

frameBorder 属性 (大文字の「B」) を追加します。

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible. </iframe>
于 2016-03-16T06:17:02.173 に答える
8

この方法で JavaScript を使用することもできます。iframe 要素を検出し、IE およびその他のブラウザーでそれらの境界線を削除します (ただし、JavaScript を使用する代わりに、IE 以外のブラウザーで「border : none;」のスタイルを設定することもできます)。そして、iframe が生成されてドキュメントに配置された後に使用されても機能します (たとえば、JavaScript ではなくプレーンな HTML で追加された iframe)!

これは、IE が iframe 要素ではなく、BOM で iframe が作成された後、iframe の CONTENT に境界線を作成するため、機能しているように見えます。($@&*#@!!! IE!!!)

注: IE 部分は、(もちろん) 親ウィンドウと iframe が同じオリジン (同じドメイン、ポート、プロトコルなど) からのものである場合にのみ機能します。そうしないと、スクリプトは IE エラー コンソールで「アクセスが拒否されました」というエラーを受け取ります。その場合、唯一のオプションは、他の人が指摘したように、生成される前に設定するか、非標準の frameBorder="0" 属性を使用することです。(または、単に IE の見栄えを悪くします。現在のお気に入りのオプションです ;))

これを理解するのに絶望するまで何時間もかかりました...

楽しみ。:)

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

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.
}
于 2012-01-23T21:50:36.337 に答える
6

frameBorder 属性を追加するか、border-width 0px; のスタイルを使用するか、border スタイルを 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>

于 2018-01-09T10:21:49.747 に答える
5 
<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

このコードは、HTML 4 と 5 の両方で機能するはずです。

于 2016-09-03T13:59:15.167 に答える
4

また、 border="0px " を設定します 

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>
于 2017-01-05T12:17:16.563 に答える
4

これを使って

style="border:none;

例：

<iframe src="your.html" style="border:none;"></iframe>
于 2017-09-17T08:01:39.603 に答える
3

境界線を削除するには、CSS の境界線プロパティを none に使用できます。

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>
于 2017-07-22T09:10:28.597 に答える
-1 
iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

Firefox で動作します ;)

于 2014-01-15T16:47:53.250 に答える