コードに誤りがあります:
allowTransparency
は CSS プロパティではありません。はallowtransparency
iframe 要素の属性です。そして 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');