删除facebook发送按钮的背景色

问题描述

| 我在我的网站上使用Facebook发送按钮。几天以来，此按钮的背景颜色设置为白色，这在我的网站上确实很难看。我也使用了“赞”按钮，工作正常。 这是一个示例：* 背景颜色是在iframe的body标签中设置的，因此我无权访问... 有什么建议吗？     

解决方法

如果您使用的是XFBML代码，则可以尝试设置colorscheme = \'dark \'，或在iframe src属性的Facebook URL末尾添加＆colorscheme = dark。 由于将内容加载到iframe中，因此无法在此处使用CSS。     ,你们是否尝试过在iframe广告代码中使用allowTransparency = \“ true \”？     ,colorscheme更改按钮的颜色，并在弹出窗口上放置黑色背景，但保留白色按钮背景。我尝试将fb：send元素的宽度设置为按钮宽度（约53像素），但弹出窗口是该元素的子元素，并被该宽度切断。 我自己看不到解决方案。在我的项目中，我打算将按钮放置在图像背景的顶部，但必须将其插入图像下方的白色区域。     ,是的，可以做到。 首先，在您的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%);
}

就是这样。 顺便说一下，它正在使用CSS3，因此不是100％兼容（特别是与旧的浏览器兼容），您知道它是如何实现的...