1

可能重复：
如何创建透明框架集？

我正在尝试使 iframe 透明，但它在我的 Firefox 浏览器中显示为白色。我已将以下代码用于 iframe

<iframe id="frontimg" src="slider/slide.html" width="950" height="370" border="0" scrolling="no" allowTransparency="true"></iframe>

在我想要的 html 文件中，我将此代码放在 head 标记中以进行样式设置：

<style type="text/css">
    html,
    body {
        background-color: transparent;
    }
</style>
4

3 回答 3

3

在 Firefox 中，您需要在后台从 none 开始：

<style type="text/css">
    body {
        background: none transparent;
    }
</style>
于 2012-12-28T07:16:01.090 回答
2

您不能从外部设置 iframe 样式。除非 iframe 中的内容没有背景颜色，否则你就不走运了。如果它在您自己的域中，如果从 iframe 内部（在您的 iframe 头中）调用它，您可以将背景设置为透明：

<script type="text/javascript">
 if (window!= window.top) { // inside iframe
   document.body.style.backgroundColor = 'transparent';
   // or document.body.style.background = 'none';
 }
</script>
于 2012-12-28T07:23:34.510 回答
0

文档默认为白色。将正文设置为透明并将 IFRAME 设置为透明仍会显示白色。您不能使整个文档透明！您可以使文档上的元素透明。

于 2012-12-28T07:16:20.030 回答