iframe背景不透明问题解决方法

晚上一个网友给我发消息说的，快搜的搜索主界面（iframe调用部分）出现了部分透明可见背景，部分不透明显示白色块的问题。开始我还以为他用的MAC上兼容性的问题，因为我在Windows把主流浏览器都测试过了，然后想到你——最后复查了下代码，确实是有问题。

1. <iframe id="engine" name="engine" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" style="background-color:#fff"></iframe>

复制代码

ps：已经忘了直接写bgColor="#fff"这种老土的写法...



通常 iframe底色会是白色，在不同浏览器下可能会有不同的颜色 ，如果主页面有一个整体的背景色或者背景图片的时候 ，iframe区域便会出现一个白色块，与主体页面不协调（我这里却要的是这种“不协调”的效果——以区别导航栏），这就需要iframe透明。
allowtransparency="true" 就是它啦！或者干脆只写个allowtransparency也是可疑的。


如果出现部分透明，部分不透的情况，就给后加个style="background-color:transparent"吧。