Question

FB Like Box的当前暗/亮样式不适用于透明/半透明页面布局。类似的框最终继承了页面的属性，变得透明。

我尝试通过创建一个带有必要更正的fb.css文件来重置像box css这样的facebook，然后在代码中添加css =“fb.css”，就像在这个论坛上一样。但它似乎没有用。

在透明页面上使用时，有没有办法让FB Like Box具有简单的白色背景？我能够通过编辑属性.connect_widget来在firebug中完成此任务。 background-color：#FFFFFF; }

有问题的网站是http://www.laudanumonline.com，就像方框位于右下角一样。

感谢您的帮助。

Answer 1

您可以尝试使用!important覆盖Facebook设置的样式：

.connect_widget {background-color: #fff !important;}

Answer 2

您可以通过Firebug执行此操作，因为它将样式添加为内联样式。

这样做的一种方法是使用一些jQuery将样式添加为内联样式。像

这样的东西

$('.connect_widget').css({'background-color':'#fff');

但是，除非在页面加载时显示该框，否则您可能需要将其设置为一个事件。

Answer 3

您可能不会设置“.connect_widget”div的样式，但您可以设置iframe的样式，甚至iframe所在的div。在我的情况下，我喜欢的框位于div中“#fb-platform “所以我可以轻松地做到这一点：

#fb-platform iframe {background-color: #fff; }

或

#fb-platform .fb-like-box {background-color: #fff; }

任何这些选项都可以。

相似的框仍然是透明的，但是父iframe / div不是 - 因此 - 白色背景。

Answer 4

为什么不将连接小部件放在单个单元格表中并使表格背景变白？这就是我在www.earthakitt.com（内页，而不是主页）右侧栏中所做的。

Answer 5

最简单的方法是添加style =“background：#fff;”元素

Answer 6

我使用它并且它有效。 :)将代码放在css文件的末尾。

span>iframe{background:#ffffff !important;}