困惑：不同的域iframe需要动态“重叠”父内容

这应该是你堆栈溢出天才一个有趣的益智：困惑：不同的域iframe需要动态“重叠”父内容

我建立一个浏览器插件，将注入div，script和iframe成客户端正在查看的任何页面的标记。目的是将工具栏锚定到每个页面的底部（StumbleUpon为Chrome执行此操作）。下面是被</body>之前放置代码：

<div id="someID1" style="position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent;"> 
    <iframe id="someID2" src="http://www.example.com/iframeContent.html" frameBorder="0" scrolling="no" style="background-color: transparent; margin: 0px; height: 100%; width: 100%; padding: 0px;"/> 
</div>

此工具栏（iframe）将我们的服务器上托管，并有弹出式面板。当用户点击打开菜单时，菜单垂直延伸工具栏（例如，工具栏高度为35px;面板为100px）。

我可以有我的工具栏坐在一切之上的透明背景在Safari，火狐和Chrome做到这一点（即height: 100%和background-color: transparent为div和iframe两者）。但是这对IE7，IE8，IE9无效。

我试过（1）做background: blank.gif而不是背景颜色：透明，和（2）注入script与调整大小功能父，我可以打电话与parent.resizeFunction(height)（“资源被拒绝”）

关于如何解决这个问题的任何想法？非常感谢！

来源

2010-11-13 Kyle

我必须运行所以我不能测试它，但IE似乎听非标准的ALLOWTRANSPARENCY属性。

当属性设置为false时，对象的backgroundColor属性只能是窗口的属性。当该属性设置为true时，该对象的backgroundColor属性可以设置为任何值，包括透明的默认值。

来源

2010-11-13 09:07:49

工作就像一个魅力。再次感谢Pekka！我刚刚意识到，对于所有的浏览器，父母中的任何东西都不能被点击（因为它在'height：100％'div后面，不幸的是，我会将其作为另一个问题来解决。 – Kyle 2010-11-13 09:16:22

困惑：不同的域iframe需要动态“重叠”父内容

回答

相关问题