透明的iframe身体

Question

我需要一个具有动态宽度和高度的（跨域）iframe。

我的问题是， 我可以创建一个100％大小的iframe和一个透明背景，它将显示此iframe的父级吗？

我可以为iframe背景附加css属性或透明gif来实现这种效果吗？

感谢。

Answer 1

是的，你可以（如果我理解你的问题）

继承人的代码 如果您对iframe内容具有编辑权限，请将其置于（iframe）的头部

<style type="text/css">
 <!-- BODY {background:none transparent;}-->
 </style>

然后像这样嵌入iframe

<iframe src="frame.htm" allowtransparency="true">

Answer 2

未经测试，但iframe（任何元素）的默认背景应为透明。

如果不是这样，您可以将它们设置为在CSS background: transparent

中透明

如果这不起作用，您可以使用CSS不透明度过滤器：
http://www.w3schools.com/Css/css_image_transparency.asp

Answer 3

通过检查iframe页面，您可能会发现页面的某些部分有颜色。我的建议是从添加透明度的最高部分开始：

html {
  background-color: transparent !important;
}

然后在iframe元素中：

<iframe src="www.." allowtransparency="true">