削除ボーダーからIFrame

https://stackoverflow.com/questions/65034

09-06-2019
|

質問

表示されている国境からの iframe 組み込みに私のwebアプリケーション?の一例 iframe ：

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

していきたいと思いますからコンテンツのマイページの内容に iframe するシームレスを想定し、その背景色を統一しています。対象者のブラウザIE6のみ、残念ながら解決ません。

解決

追加の frameBorder 属性には注意して 資本'B').

そのようになる:

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

他のヒント

後狂うの境IE7だと思いframeBorder属性が必要になる場合があります。

をセットにしたframeBorder属性資本金 B.

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

として iframe 書類frameBorderが推奨されていませんの"境界"のCSS属性が優先:

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

注CSSボーダーパークまでない目的の結果IE6では、7または8です。

を付加するframeBorder属性も考えておいた方がよいでしょう設定、スクロール属性を"no"に防止へのスクロールバーからのうんです。

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

ブラウザ固有の不具合により、課題も追加 frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" による押す:

<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 frameborder属性

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

注意：フレームB（キャップB)IE、それ以外は動かなくなります。しかし、iframe frameborder属性に対応していません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です。のシームレスの属性spanタグをサポートされる唯一オペラ、クローム、サファリがあります。時で指定するiframeのようになっているでしょうかを含む文書（国境またはスクロールバー).現在のところ、シームレスの属性タグのみ対応してオペラ、クローム、サファリがあります。が近い将来までの標準溶液とする対応のすべてのブラウザを推奨いたします。 http://www.w3schools.com/tags/att_iframe_seamless.asp

利用できる style="border:0;" おiframeコードです。るそうすることによって削除境HTML5です。

トッ html5iframe発生装置ツールをカスタマイズiframeな編集コードです。

追加のframeBorder属性（資本'B').

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

スタイル物件で使用でき のためのHTML5除する場合には、boderのフレーム、または何も利用できるスタイル物件です。されています。

コードがここに

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

することができますのJavaScriptを利用します。すべspan要素を除去す境界の家その他のブラウザでもできるだけでも設定通りのスタイル"ボーダー:none;"非IEブラウザの代わりになります。ながの場合でも使用後のiframeを生成し、場所の書類（iframesることにより追加されたHTMLをしないJavaScript!

これが家のボーダーではなく、span要素として使い、その内容は、iframeからのiframeを作成し、BOM.($@&*#@!!!IE!!!)

注意：家の一部のみのコースの場合は、親ウィンドウ、iframeから同一の起源を同一のドメインポート、プロトコル。その他のスクリプトに"アクセスを否定"に誤りが家のエラーです。に送信され、お客様のみのオプションを設定する前に生成されます、その他おいては、非標準frameBorder="0"属性をもつ。（ただの家を見fugly--現在の私の大好きなオプション))

たら、どんなに多くの時間労働の絶望をこの出---

楽しめます。:)

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

場合にはdoctypeのページをiframeには、HTML5を利用することができる seamless 属性はこのように:

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

Mozilla docsのシームレスの属性

また上記のすべてがることができない以下のCSSを解決の問題でした。るだけでこのウェブブラウザーはパディングまたは引しております。

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

おスタイルシートに追加

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

}

これも実行可能なオプションです。

ご利用の場合にはiFrameの幅と高さに画面全体っている場合は、それに合わせたときには基づいていません。300x300サイズも設定する必要があ体のマージンを"0"のようになります:

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

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

このコードの両方にHTMLの4と5.

設定border="0px"

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

試

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

このボーダーのフレーム。

この

style="border:none;

例:

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

のいずれかの追加のframeBorder属性、スタイルをボーダの幅0px;り、セットボーダースタイルと同等なし。

使用のいずれ下から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>

削除ボーダが使用できCSSボーダのプロパティをします。

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

そのシンプルなだけで追加の属性spanタグframeborder=0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

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

作Firefox;)

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

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow