iframeの背景透明度の設定方法_基本チュートリアル

IE5.5 は、フローティング フレームの透明なコンテンツのサポートを開始します。フローティング フレームに透明なコンテンツを定義する場合は、次の条件を満たす必要があります。
1. iframe 要素で使用されるallowTransparency タグ属性は true に設定する必要があります。
2. iframe コンテンツ ソース ドキュメントでは、background-color または body 要素の bgColor タグ属性を透明に設定する必要があります。

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

もちろん、iframe ページにカラーが設定されていないことが前提です。
上記では、主にスタイル Code style="background-color=transparent" の文を示しています。次の 4 つの IFRAME 記述方法を通じて、iframe の背景の透明効果を実現する方法を明確に理解できると思います。

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

それでは例を見てみましょう
この例は主に iframe オブジェクトの allowedTransparency 属性に適用されます。この属性が true に設定され、iframe にロードされるページの背景色が設定されている場合透明にすると、iframe も透明になります。
allowTransparency オブジェクトを透明にできるかどうかを設定または取得します。
bgColor はオブジェクトの背景色を設定または取得します

親ページ

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