css - CSS Like Box 上的白色背景

Question

FB Like Box 当前的深色/浅色样式不适用于透明/半透明页面布局。点赞框最终继承了页面的属性，变得透明了。

我试图通过创建一个带有必要更正的 fb.css 文件来重置 facebook 之类的框 css，并将 css="fb.css" 添加到代码中，如该论坛所示。但是，它似乎不起作用。

有没有办法让 FB Like Box 在透明页面上使用时具有简单的白色背景？我可以通过编辑属性 .connect_widget { background-color: #FFFFFF; 在 firebug 中完成此操作。}

有问题的网站是http://www.laudanumonline.com，就像框在右下角。

感谢您的任何帮助。

score 0 · Accepted Answer

您可能无法设置“.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 不是，因此 - 白色背景。

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

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

不过，您可能需要将此设置为一个事件，除非该框在页面加载时可见。

score 0 · Accepted Answer

0

最简单的方法是添加 style="background:#fff;" 元素

于 2013-08-13T14:30:51.380 回答

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

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

6 回答 6