可以将 Facebook Likebox 帖子背景设置为透明吗？答案

【问题标题】：Possible to set Facebook Likebox Posts background to transparent?可以将 Facebook Likebox 帖子背景设置为透明吗？
【发布时间】：2014-06-05 22:36:13
【问题描述】：

如何更改 Facebook Likebox 帖子部分的背景颜色？

我可以更改likebox 背景，但不能更改帖子。如果我使用 chrome 开发人员工具并将 .mbm 类设置为“背景颜色：透明”，那么它可以工作。

但是，如果我将它包含在我的 css 中，这将不会生效。即使使用 !important

也许这与外部加载的帖子有关？

我正在使用这个 Facebook 插件： https://developers.facebook.com/docs/plugins/like-box-for-pages

使用 HTML5 选项

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="dark" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>

编辑：这里的 jsFiddle：http://jsfiddle.net/y4gwE/

为了清楚起见，包含了一个屏幕截图，突出显示了我想要更改的背景颜色

【问题讨论】：

+1 你的突出风格让我笑了（以一种好的方式）
使用浏览器的开发者工具查看代码。然后将样式规则添加到您的 CSS 文件中，以将背景颜色设置为透明 - 就是这样！
@Netsurfer 试过了，不走运。如果我做错了什么，请查看我的 jsfiddle？ jsfiddle.net/y4gwE
@user3348273 AFAIS 它是类._4-u2。但是还有另外两个问题：首先，相应的代码被插入到 iframe 中，这意味着任何样式都必须内联在加载到该框架中的文档中。或者在此文档加载的外部样式表中。其次，如果用户在帖子中向下滚动，似乎会加载更多帖子，这似乎也“重新加载”了与其捆绑的样式规则。所以你需要做很多 Javascript 工作来实现你的目标。可能不值得……！

标签： html css facebook-javascript-sdk facebook-likebox

【解决方案1】：

为了完全确定，尝试真正提高 CSS 的特异性：

iframe html#facebook .mbm {
  background-color: transparent !important;
}

【讨论】：