将Facebook嵌入IFrame

时间:2010-03-12 21:30:23

标签: facebook iframe

我有一个带有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正常工作吗?

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

我不明白为什么如果你把div放在它上面这不起作用,但我相信你它不起作用:)对于奇怪的ie8命名空间的解决方案 - ie7有类似的东西。我在MSDN上看到了

...但

您可以尝试使用PNG背景。不是普通的PNG,而是一个8位的工作在ie6及以上的几乎所有东西!它就像一个透明的gif,但具有不透明度而不是完全透明。

阅读HERE

您需要找到一个可以创建它们的工具。 GIMP不(AFAIK)

答案 3 :(得分:0)

Matthew Kruskamp

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

  

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