我正在寻找一些替代方法：
<iframe transparency=true ...
当我进行 W3C 验证时，我收到了错误：
Column 31: there is no attribute "allowtransparency"
如果使用这个 CSS，
.iframe-trans-fix{
opacity: 0;
filter:alpha(opacity=0);
}
对于上面的 sn-p，我得到一个空白 iframe。
【问题讨论】：
标签： html css w3c w3c-validation
虽然 W3C 的 HTML 规范确实没有定义它，但它有一个 allowTransparency 属性，所有现代浏览器（和 Internet Explorer）都支持它。正如HTML5 告诉我们的那样，马车应该在马前。
假设您的主页上有这个 HTML，index.html：
<html>
<body>
<iframe src="source.html"
allowTransparency="true"
style="background-color:lightgreen;"
width="400" height="200">
</iframe>
</body>
</html>
你的 source.html 看起来像这样：
<html>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida, magna
id bibendum sollicitudin, tellus tortor consequat enim, et mollis mauris
augue et dui. </p>
</body>
</html>
当您在浏览器中打开主页 (index.html) 时，您会在 iframe 中看到 source.html 中的文本，但它的背景是浅绿色。
（在 Mac OS X 和 Internet Explorer 8 和 Windows XP 上使用 Safari、Firefox 和 Chrome 测试）
编辑：关键是：源页面不能设置自己的背景。如果是，它会忽略透明背景。
更新：刚刚在 macOS High Sierra 上使用 Safari 12、Chrome 73 和 Firefox 65 进行了测试（2019 年 3 月），它仍然有效。
【讨论】：
我不确定你想在这里做什么，但这应该是你要找的：
iframe {
background-color: transparent;
}
当然，这是假设您希望iframe 的背景是透明的。
【讨论】：
如果你已经包含了 jQuery 文件，你可以使用 jQuery 来做到这一点 -
<!--[if lt IE 9]><script> $(".classname").attr("allowTransparency", "true"); </script><![endif]-->
将 .classname 更改为 iframe 的名称，如果没有，则创建一个。 （也从 iframe 中取出属性） 将其直接放在 iframe 结束标记之后，它会为 IE9 之前的浏览器添加所需的 allowTransparency 标记。由于它位于 IE 条件语句中，因此 W3C 验证器不会读取它。如果您仍然使用最新的 jQuery 版本，它还通过添加人们已经提到的所有 CSS 消除了跨浏览器兼容性和内容隐藏问题。 allowTransparency 属性是根据明确定义的目的创建的，因此当您可以静默插入它时，尝试使用 CSS 重新创建它是没有意义的。 希望这对某人有帮助！
（此方法假设您已经拥有iframe {background-color:transparent}，它不适用于旧版 IE）
【讨论】：
首先，没有 'transparency="true"' 这样的东西，所以这是行不通的。
第二，你是想让背景透明还是整个iframe透明？
CSS Opacity 属性使您使用的任何元素内的所有内容都透明。不透明度范围从 0 到 1，其中 0 表示完全透明，0.5 表示半透明，1 表示完全可见。
如果你在 div 或 iframe（或任何东西）上使用它，背景和文本都将同样淡化。
另一方面，在每个现代浏览器中，您都可以使用 RGBA 颜色将背景设置为部分透明。你应该这样做：
iframe.transparent {
background-color: #FFF; /*this gives a background color for browsers that can't do RGBA color, like internet explorer*/
background-color: rgba(255,255,255,0.5);
}
RGBA 颜色定义与 opacity 属性一样工作（0 = 透明，1 = 纯色），不同之处在于它只会使您设置为透明的特定项目而不影响该项目内的项目（即它不影响iframe 中的文本）。前三个数字是颜色的红色、绿色和蓝色值，范围从 0 到 255。
不过，如果您想要一个更好的跨浏览器解决方案，我建议您只使用透明的 .png 文件作为背景图像。您必须在 IE 上对此进行测试，不确定它是否适用于 iframe，但您可以在 iframe 上不设置背景，然后将透明图像设置为您在 iframe 中加载的页面的背景（应用它到该页面的正文元素）。
希望这会有所帮助！
【讨论】：
没有名为transparency 的HTML 属性，因此您将总是收到iframe transparency=true 的错误
如果将不透明度设置为零，则根本看不到元素 - 您需要定义不透明度：
opacity: 0.25; /* all modern browsers */
filter: alpha(opacity=25) /* IE */
上面的 CSS（注意：不透明度值对于 IE 是 0-100，对于其他浏览器是 0-1）将允许后面的其他元素（例如页面背景图像）显示出来，即使具有 opacity 设置的元素有彩色背景。
要对透明度进行更多控制，请参阅RGBA (A = alpha)，但请注意可变浏览器支持。
【讨论】：