在 IFrame 中嵌入 Facebook答案

【问题标题】：Embedding Facebook in an IFrame在 IFrame 中嵌入 Facebook
【发布时间】：2010-03-12 21:30:23
【问题描述】：

我有一个应用程序，它的 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 正常工作吗？

【问题讨论】：

我敢打赌，他们很有可能故意放入代码，让你很难做到这一点。
他们做到了，但它应该显示 50% 的不透明度。在某些 IE7 实例中它可以工作，而在其他情况下则不能。
看起来有人刚刚浪费了一些赏金点，对吧？ ;)
是的，我确实浪费了赏金点数:(。

标签： facebook iframe

【解决方案1】：

基本上，您不能这样做，因为您不能像这样修改 IFrame 中的项目。唯一的选择是截取请求的页面，然后将其显示在顶部。

【讨论】：

【解决方案2】：

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

【讨论】：

不幸的是它不是。这是一个托管页面。无论如何，我尝试了网络标记的所有配置，但仍然无法正常工作。

【解决方案3】：

我想这可以用 CSS 解决...

我不明白为什么如果你在它上面放一个 div 这不应该工作，但我相信你它不工作:) 至于奇怪的 ie8 命名空间的解决方案 - ie7 有一些类似的东西。我在 MSDN 上看到的

...但是

您可以尝试使用 PNG 背景。不是普通的 PNG，而是 8 位的，可以在 ie6 及更高版本以及几乎所有东西中运行！它就像一个透明的 gif，但不透明而不是完全透明。

阅读HERE

您需要找到创建它们的工具。 GIMP 没有（AFAIK）

【讨论】：

【解决方案4】：

马修·克鲁斯坎普

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

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

【讨论】：