带有 IE 的 iframe 和背景图像答案

【问题标题】：iframe and background images with IE带有 IE 的 iframe 和背景图像
【发布时间】：2012-06-11 22:30:18
【问题描述】：

我正在尝试将背景图片插入到 iframe 中，虽然它在 Firefox 中完全符合预期，但 IE 完全忽略了它：

<iframe style="background: #ffffff url('/images/load.gif') no-repeat fixed center; width:100%; height:100%;" id="frm" align="middle" scrolling="auto" frameborder="0"></iframe>

如果它很重要，背景图像是一个动画“加载”GIF，iframe 的src 属性由 JS 动态设置。这个想法是，当源文档加载时，它会覆盖背景，在此之前它只是一个活动指示器。

我在某处发现这可能是由于缺少或错误的文档类型引起的，我的说：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

我怎样才能使 IE 运行良好并在 iframe 源加载所需的几秒钟内显示背景。

【问题讨论】：

首先，如果iframe的src属性是js动态设置的，为什么你的iframe里面会有url('/images/load.gif')？
这个想法是背景图像立即显示，然后当设置src 时（用户单击按钮实现），请求的页面加载到 iframe 中。跨度>

标签： html css internet-explorer iframe

【解决方案1】：

在 iframe 元素上设置 allowtransparency=true 属性。
使 iframe 的原始文档的背景透明，可能通过使用<iframe src="javascript:'<body bgcolor=transparent>';">

【讨论】：