如何将我的叠加div *放在Facebook Like按钮上方?

时间:2012-04-08 02:53:11

标签: html css facebook

我在隐藏的div中作为叠加div(使用jQuery)淡入淡出。除了Facebook Like按钮外,它显示在我页面的所有元素上方。

我在CSS中尝试了z-index: 100;,但它没有用。

有人有这个问题吗?

PS:Twitter按钮会发生同样的事情,但不会发生Google +1按钮

    <fb:like href="http://www.apple.com" send="true" layout="button_count" 
width="450" show_faces="false"></fb:like>

1 个答案:

答案 0 :(得分:3)

好吧,这似乎有道理,考虑到Twitter和Facebook按钮将使用JS创建他们的按钮。

因为JS会在所有样式加载后运行客户端,所以它总是会覆盖任何覆盖它的尝试。

我实际上认为掩盖像facebook这样的按钮可能会违反TOS,但你需要检查它。

要尝试的事情

包含Div

使用适当的z-index创建一个div。

纠正z-index

确保FB和Twitter按钮不会创建比您更大的z-index。虽然z-index在技术上只是从0到255(我认为),但是人们变为负数并且高于255以确保它们是最高或最低。

<强>的JavaScript

加载按钮后,使用JS设置z-index或其他属性以隐藏