Facebook以独特的方式隐藏非粉丝的内容

时间:2012-07-28 23:40:55

标签: facebook tabs hide

我需要构建一个看起来像这样的标签: https://www.facebook.com/auto.co.il/app_134594493332806

我知道如何添加图片和评论框,我知道几种“简单”的方式来隐藏非粉丝的内容,但我遇到了上面的标签,我真的很喜欢它显示内容的方式在你按下之类的按钮之前,你无法接触它。

请帮忙吗?

提前致谢。

奥伦

1 个答案:

答案 0 :(得分:0)

您的链接对我不起作用,但您可以放置​​一个绝对定位的div,其中z-index高于其他内容,以防止用户点击任何内容。

更新:现在链接已经更新,我发现他们正在完全按照我的描述进行操作。在chrome中,如果右键单击背景并选择“inspect element”,您将看到div的以下计算样式:

rgba(0,0,0,0.796);
display:block;
height:1612px;
width:810px;

内容仅使用带有黑色背景和一些不透明度的div进行遮盖。只是为了好玩,你可以通过chrome的JS控制台克服他们喜欢的门(不喜欢),选择iframe上下文然后输入以下内容:

$('.like_float_c').detach();

...现在称自己为'黑客';)