透明的iframe身体

use*_*311 51 css iframe background transparent

我需要一个具有动态宽度和高度的(crossdomain)iframe.

我的问题是,我可以创建一个100%大小的iframe和一个透明背景,它将在其后面显示这个iframe的父级吗?

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

谢谢.

jac*_*on5 112

是的你可以(如果我理解你的问题)

如果您对iframe内容具有编辑权限,请将此代码置于头部(iframe)

<style type="text/css">
 <!-- BODY {background:none transparent;}-->
 </style>
Run Code Online (Sandbox Code Playgroud)

然后像这样嵌入iframe

<iframe src="frame.htm" allowtransparency="true">
Run Code Online (Sandbox Code Playgroud)

  • 一个注意事项 - 透明的iframe不会将点击传递到父窗口,因此用户可能会对页面上可以看到但不能点击的元素感到困惑. (14认同)
  • 仍然有用的信息.谢谢. (8认同)
  • @JohnHarding哈哈哈哇.3年后,我现在已经足够啤酒! (5认同)
  • 哎呀我没有意识到这个帖子是一岁的哈哈 (3认同)
  • 谢谢!很高兴我能提供帮助,但是投票会做,对啤酒来说太年轻了哈哈 (3认同)

Ker*_*nes -1

这尚未经过测试,但 iframe(任何元素)应该具有透明的默认背景。

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

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