web-dev-qa-db-ja.com

Iframeの透明な背景

私のアプリには、内部にiframeを持つモーダルダイアログがあります。ダイアログが開いたときにiframeの適切な「src」属性を設定してコンテンツがロードされるように、jQueryコードを記述しました。ただし、ダイアログを開いてからコンテンツをロードするまでの遅延中に、iframeは顕著に白いボックスとして表示されます。 iframeの背景が透明であることを希望します。

Iframeでallowtransparency = "yes"を設定しようとしました。何か案は?ありがとう!

39
brianjcohen

私はこれを使用してJavascriptを介してIFrameを作成しましたが、うまくいきました:

// IFrame points to the IFrame element, obviously
IFrame.src = 'about: blank';
IFrame.style.backgroundColor = "transparent";
IFrame.frameBorder = "0";
IFrame.allowTransparency="true";

違いがあるかどうかはわかりませんが、IFrameをDOMに追加する前にこれらのプロパティを設定します。 DOMに追加した後、srcを実際のURLに設定します。

49
Daniel Magliola
<style type="text/css">
body {background:none transparent;
}
</style>

それは(iframeに入れた場合)一緒に動作する可能性があります

<iframe src="stuff.htm" allowtransparency="true">
34
jackson5

Srcの背景色をnoneに設定し、透明度を許可します。

[WITHIN SCR PAGE STYLE]
<style type="text/css">
    body
    {
        background:none transparent;
    }
</style>

[IFRAME]
<iframe src="#" allowtransparency="true">Error, iFrame failed to load.</iframe>

注:CSSのコーディングは、他の人とは少し異なります。

2
Tropilac

フレームを画面外または非表示でロードし、ロードが完了したら表示するのはなぜですか。読み込み中のアイコンをその場所に表示して、読み込み中であることをユーザーに即座にフィードバックできます。

1
Jacob Wyke