如何从我的wordpress网站上的iframe中删除png透明度

时间:2012-07-03 05:57:10

标签: css image wordpress iframe transparency

白色背景正在舍入我的iframe,因为我在数据库中回显这个iframe,尽管它在除IE8,IE9之外的所有其他浏览器中都能正确显示(请查看截图)。虽然我在我的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.png属于510X351 px

CORRECT SCREENSHOT,除了IE8-9之外的所有 - (无白底) enter image description here

不正确的屏幕截图,IE8-9 - (带白色背景) enter image description here

1 个答案:

答案 0 :(得分: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; }