Question

我在我的网站上使用Facebook发送按钮。几天后，这个按钮的背景颜色设置为白色，这在我的网站上真的很难看。我也在使用Like按钮，工作正常。

以下是一个示例： *

背景颜色是在iframe的body标签中设置的，所以我无法访问它... 有什么建议吗？

Answer 1

如果您使用的是XFBML代码，或者在iframe src属性的facebook网址末尾添加＆amp; colorscheme = dark，则可以尝试设置colorscheme ='dark'。

因为内容是在iframe中加载的，所以在这里使用CSS不起作用...

Answer 2

你们有没有试过在iframe标签上使用allowTransparency =“true”？

Answer 3

colorscheme会更改按钮颜色，并在弹出窗口中显示黑色背景，但白色按钮背景仍然存在。我尝试将fb：send元素的宽度设置为按钮宽度（大约53px），但弹出窗口是该元素的子元素，并被该宽度切断。

我自己没有看到解决方案。在我的项目中，我打算将按钮放在图像背景的顶部，但我必须将它插入图像下方的白色区域。

Answer 4

是的，可以做到。

首先，在你的FB代码中添加一个#id（我自己使用span而不是div）：

<span id="fboverlay" class="fb-like" data-href="YOURFACEBOOKADDRESS" data-width="300" data-layout="button_count" data-show-faces="false" data-send="false"></span>

您可以保留代码，只需在那边添加 id =“fboverlay” 。

然后编辑你的CSS并添加：

#fboverlay {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: gayscale(100%);
}

就是这样。

Shurelly它正在使用CSS3，因此它不是100％兼容（特别是旧版浏览器），你知道它是怎么回事......

删除facebook发送按钮的背景颜色

4 个答案: