0

IE8、IE9を除く他のすべてのブラウザで正しく表示されていますが、データベースからこのiframeをエコーし​​ているため、白い背景がiframeを丸めています(plzはスクリーンショットを確認してください)。サイトがオンになっているのでheader.phpでこのスクリプトを試しましたwordpressが、まだ運がありません(jsフォルダーの下にie6pngfix.jsが含まれています)。どうすれば修正できますか?

<!--[if IE 6]>
<script type="text/javascript" src="js/ie6pngfix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img, ul, ol, li, div, p, a, h1, h2, h3, h4, h5, h6, png, span');
</script>
<![endif]--> 

詳細は以下の通りです-

<div id="banner_right">
<iframe width="483" height="300" src="http://www.youtube.com/embed/EDPYq4BFHBI" frameborder="0" allowfullscreen></iframe>       
</div>

#banner_right iframe{background:url(images/bg.png) 0 0 no-repeat;padding: 20px 13px 27px;}

bg.png510X351ピクセルです

正しいスクリーンショット、IE8-9を除くすべて-(白の背景なし) ここに画像の説明を入力してください

誤ったスクリーンショット、IE8-9-(with-white-background) ここに画像の説明を入力してください

4

1 に答える 1

2

自分で答えを見つけた -

allowtransparency="true"iframe コードに追加します。

<iframe width="483" height="300" src="http://www.youtube.com/embed/EDPYq4BFHBI" frameborder="0" allowtransparency="true"></iframe>

次にbackground-color:transparent;、CSSに追加します--

#banner_right iframe{background:url(images/bg.png) 0 0 no-repeat;padding: 20px 13px 27px; background-color:transparent; }
于 2012-07-03T07:02:53.853 に答える