在IFrame中嵌入Facebook

Question

我有一个应用程序，其中包含一个IFrame和一个页面闪烁叠加层，允许您在网页上进行绘画。当我使用该应用程序访问Facebook时，会弹出一个覆盖了一切50%不透明度的叠加层（这很好）。问题是，在某些IE7的安装中，叠加层全部变成了黑色。有人可以提供解决方法吗？

以下是我的代码：

<iframe name="test" ID="test" src="http://www.facebook.com/cyberkruz" height="200" style="width: 100%; height: 100%" allowtransparency="true"></iframe>

这是他们生成的代码，用于实现此功能。

<div style="z-index: 1000001; position: absolute; filter: alpha(opacity = 50); WIDTH: 9999px; background: black; height: 9999px; top: 0px; left: 0px; opacity: 0.5;" onclick="top.location.href=window.location.href"/>

有没有什么元标签或其他方法可以使筛选器alpha正确工作？

- Matthew Kruskamp

---

我敢打赌，他们有很大的可能性故意放置了代码，让你难以处理。 - Beska

他们尝试了，但是应该显示50%的不透明度。在某些IE7实例中它可以工作，而在其他情况下则不能。 - Matthew Kruskamp

看起来有人浪费了一些赏金点数，是吗？ ;) - naugtur

是的，我确实浪费了赏金点数 :(. - Matthew Kruskamp

Answer 1

基本上，你不能这样做，因为你不能像这样修改 IFrame 内的元素。唯一的选择是截取所请求的页面并在其上方显示。

- Matthew Kruskamp

Answer 2

如果这是一个安全限制，并且您的应用程序页面存储在本地，您可以尝试向您的网页添加网络标记（http://msdn.microsoft.com/en-us/library/ms537628(VS.85).aspx），这将防止IE将其视为本地页面并在其上运行本地安全策略。

- Emmanuel Caradec

---

很遗憾，它并不是本地页面。无论我尝试如何配置“网页标记”，它都无法正常工作。 - Matthew Kruskamp

Answer 3

我觉得这个问题可以用CSS解决...

如果你在它上面放一个div，我不明白为什么这样不行，但我相信你的话：）至于使用奇怪的ie8命名空间的解决方案 - ie7也有类似的东西。我在MSDN上看到过。

...但是

你可以尝试使用PNG背景。不是普通的PNG，而是8位的PNG，适用于ie6及以上版本和几乎所有浏览器！它就像一个透明的gif，但是具有不完全透明的不透明度。

阅读 这里

你需要找到一个可以创建它们的工具。GIMP没有（据我所知）

- naugtur

Answer 4

Matthew Kruskamp

将Facebook加载到Iframe中并在页面上使用覆盖层属于Facebook禁止的功能。 更多信息：http://developers.facebook.com/docs/guides/policy/examples_and_explanations/Prohibited_Functionality/

似乎接管了个人资料或其他Facebook.com页面的应用程序是不允许的。这种功能与我们努力教育用户如何识别安全和真实的Facebook服务以避免被钓鱼等情况的努力相悖。有关使用Facebook品牌资产的更多信息，请访问品牌权限中心。

- ShawnDaGeek