iframeタグの使用に関する詳細な説明（プロパティ、透明性、適応高さ）

著者：Eve Cole 更新時間：2025-05-27 21:00:03

iframesは通常、他のページを含めるために使用されます。たとえば、他の人のWebサイトから自分のWebサイトページにコンテンツをロードできます。より良い結果を得るには、iframeを透明にする必要があるかもしれません。次に、より多くのiframe属性を知る必要があります。これがそれを必要とする友人を促進するための簡単な編集です。

1。IFRAME定義と使用法

iframe要素は、別のドキュメントを含むインラインフレーム（つまり、インラインフレーム）を作成します。

HTMLとXHTMLの違い

HTML 4.1 Strict DTDおよびXHTML 1.0 Strict DTDでは、IFRAME要素はサポートされていません。

ヒントとコメント：

ヒント：<iframe>と</iframe>の間に必要なテキストを配置して、iframeを理解できないブラウザーを処理できるようにすることができます。

iframeタグは、<iframe>で始まり、</iframe>で終わるペアで表示されます

IFRAMEタグのコンテンツは、ブラウザがIFRAMEタグをサポートしていない場合に表示できます。

財産

例

コードは次のとおりです。

スクリプトホームはフレームワークテクノロジーを使用しますが、ブラウザはフレームワークをサポートしていません。ブラウザをアップグレードして、スクリプトの家に正常にアクセスしてください。

</iframe>

ピクセルを使用してiframeフレームサイズを定義します

コードは次のとおりです。

</iframe>

パーセンテージを使用してiframeフレームサイズを定義します

2。Iframe透明

TransParentBody.htmファイルの<body>タグでは、style = background-color =透過を追加しました。次の4つのiframe執筆方法を通して、iframeの背景の透明効果の実装を明確に理解する必要があると思います。

コードは次のとおりです。

IFRAMEを使用すると問題が発生し、一部のブラウザがIFRAMEを設定して広告としてブロックするため、IFRAMEを使用することを余儀なくされます。

最近の作業コンテンツでiframesを使用しました。私が最初に遭遇した問題は、IFRAMEが非常に適応性があるという問題でした。この問題は、Kouwang.comのUEDチームのブログで見つかりました。その後、iframeの透明な問題に遭遇しました。

通常、iframeの背景色は白になり、異なるブラウザの下で異なる色がある場合があります。

メインページに全体的な背景色または背景画像がある場合

iframe領域に白いブロックが表示されます。これはメインページと矛盾しています。

透明なiframesの検索検索されたソリューション

コードは次のとおりです。

[コード]

注：IFRAME透明性は、主にaplaseTransparency = true style = background-color =透明を使用します

<strong> 3。 IFRAME適応高さ

</strong>長さが長すぎるので、ここに移動して表示できます

<strong> 4。 JSを介して出力IFRAME ADコード

</strong> [コード]

document.write（ '<iframe align = middle mignwidth = 0 marginheight = 0 src = http：//www.vevb.com/vip/24902.html frameborder = no width = 660 height = 80> </iframe>'）;