私のアプリには、内部にiframeを持つモーダルダイアログがあります。ダイアログが開いたときにiframeの適切な「src」属性を設定してコンテンツがロードされるように、jQueryコードを記述しました。ただし、ダイアログを開いてからコンテンツをロードするまでの遅延中に、iframeは顕著に白いボックスとして表示されます。 iframeの背景が透明であることを希望します。
Iframeでallowtransparency = "yes"を設定しようとしました。何か案は?ありがとう!
私はこれを使用して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に設定します。
<style type="text/css">
body {background:none transparent;
}
</style>
それは(iframeに入れた場合)一緒に動作する可能性があります
<iframe src="stuff.htm" allowtransparency="true">
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のコーディングは、他の人とは少し異なります。
フレームを画面外または非表示でロードし、ロードが完了したら表示するのはなぜですか。読み込み中のアイコンをその場所に表示して、読み込み中であることをユーザーに即座にフィードバックできます。