白色背景正在舍入我的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之外的所有 - (无白底)
不正确的屏幕截图,IE8-9 - (带白色背景)
答案 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; }