改变Facebook共享框的透明度

时间:2012-03-06 14:09:42

标签: css facebook facebook-like

我应该在this页面更改哪些CSS属性,以禁用点击Like按钮时显示的共享iframe的透明度?

当您在点击Like按钮后将鼠标悬停在该Facebook框上时,它会变得部分透明,如果您将光标移离它,它将变为纯白色。我希望它一直都是完全不透明的。

2 个答案:

答案 0 :(得分:1)

嗯,我看到那个盒子上没有透明度,只是在打开时有淡入效果,但是一旦完全打开它就不透明了。

要回答您的问题,您可以使用firebug(firefox)或开发工具(chrome / safari)自行查看哪些css规则适用于哪个元素。 从我现在看到的,你可以使用这些:fb_edge_comment_widget fb_iframe_widget,它们是包含iframe的 span 的类,或者你可以使用iframe本身。

但事情是,你不应该破解它。为什么?从那时起,您将不得不经常检查Facebook正在进行的更新,他们没有更新的更改(他们在博客上更新的API更改),如果您未能意识到这些更改,它可能会“破坏”您的代码/风格。

答案 1 :(得分:1)

我也遇到了同样的问题。

我正在使用AddThis小部件集,我不知道你是否就是这种情况(看起来你可能选择了不同的解决方案,因为我看不到Like按钮在您的网站上。)

我最终使用

.addthis_button_facebook_like {
     opacity:1 !important;
    }

但你会使用包裹你喜欢按钮的任何选择器。如果使用Facebook的标准嵌入,它可能是

.fb-like {
     opacity:1 !important;
    }

其他人having a similar problem有一个发送按钮,这让我走上正轨。

看到它的工作方式应该here。我确定这与其他风格的某些冲突有关,或者可能与AddThis有关,但它现在正在发挥作用!