iframe中背景图片设为no-repeat引发的异常

littcai

问题：

页面中嵌入一个IFRAME的弹出层效果，docType为xhtml1-transitional，此时若为BODY设置了背景图片，且设置了background-repeat属性，在使用滚动条的情况下将出现显示异常，内容会出现残留覆盖。如下图所示：

 
原因：

未知...
解决办法：

• 去掉网页的DOCTYPE属性
  
• 不使用background-repeat属性
  
• 将背景样式设置到html对象上（滚动条好像也必须要这样）  --- 本人认为最优方案