0

プルダウン メニューを表す iframe があります。問題は、iframe を表示すると、親ページのコンテンツが表示されることです。

iframe を透明にしない方法はありますか?

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:     140px;  margin-top: 0px;  margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden; allowTransparency:false"  src="test.jsp" ></iframe>').appendTo('#account');

iframe を動的に追加/削除するために jQuery を使用しています。スタイル シートとして allowTransparency:false を、属性として allowTransparency="false" を既に試しましたが、どちらの方法も機能しません。

ありがとう。

4

2 に答える 2

2

どうallowTransparency="true"ですか?透明にしたいので?

background-color:transparentまた、iframe に設定し、iframe にロードするページの本文に背景色が定義されていないことを確認することも役立ちます。

于 2013-11-12T13:15:47.217 に答える
0

コードに誤りがあります: allowTransparencyは CSS プロパティではありません。はallowtransparencyiframe 要素の属性です。そして CSS プロパティとして allowTransparency を記述します。

このコードで試してください -

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:140px; margin-top: 0px; margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden;" allowTransparency="false" src="test.jsp" ></iframe>').appendTo('#account');

このための記事があります

あなたが言及したように、属性としても試みますが、透明allowTransparency="false"にしたい場合。iframe IFrameに設定する必要があります。allowTransparency="true"

IFRAMEとそのソースBODY要素の両方にbackground:transparentスタイル ルールが適用されていることを確認してください。

<iframe frameborder="0" allowTransparency="true" style="background:transparent" ... ></iframe>

そしてソースで:

<body style="background:transparent">

PS: 上記の CSS スタイルは、たとえばインラインです。

これを試して:

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:140px; margin-top: 0px; margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden;" allowTransparency="true" src="test.jsp" ></iframe>').appendTo('#account');
于 2013-11-12T13:56:32.080 に答える