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

【问题标题】：remove facebook send button's background color删除 facebook 发送按钮的背景颜色
【发布时间】：2011-09-01 01:01:22
【问题描述】：

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

这是一个例子：*

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

【问题讨论】：

标签： facebook button send background-color

【解决方案1】：

是的，可以做到。

首先，在您的 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% 兼容的（特别是与旧浏览器），你知道它是如何...

【讨论】：

【解决方案2】：

你们尝试过在 iframe 标签上使用 allowTransparency="true" 吗？

【讨论】：

【解决方案3】：

colorscheme 改变了按钮的颜色，并且在弹出窗口上放置了一个黑色的背景，但是白色的按钮背景仍然存在。我尝试将 fb:send 元素的宽度设置为按钮宽度（约 53px），但弹出窗口是该元素的子元素，并被该宽度截断。

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

【讨论】：

我找不到解决方案，所以我绕过它。我完全删除了按钮，而是在中设置了“send=true”属性。然后发送按钮看起来很好。

【解决方案4】：

如果您使用 XFBML 代码，可以尝试设置 colorscheme='dark'，或者在 iframe src 属性中将 &colorscheme=dark 添加到 facebook URL 的末尾。

在这里使用 CSS 将不起作用，因为内容正在 iframe 中加载...

【讨论】：

colorscheme 属性是自己改变按钮的颜色。就我而言，默认的 colorscheme="light" 非常好。我需要的是修改这个 iframe 的背景颜色。