和电信合作的一个项目,我们的页面做好了之后,嵌入到对方的iframe里面。这个时候,原本正常的网页,在滚动条滚动的时候出现了花屏的问题。
一步步排查下来,发现是body设置了背景图所导致。解决办法有下面几种:
1、在body中加个div,变成:
<body><div id="main"></div></body>
在div#main里设置背景。
#main{margin:0px;background:url(../images/bg.jpg) repeat-x;}
2、给body背景加了个默认背景颜色。
body{margin:0px;background:url(../images/bg.jpg) repeat-x #fff;}
3、给body样式添加_zoom:1.0001
body{margin:0px;background:url(../images/bg.jpg) repeat-x; _zoom:1.0001;}