可以将Facebook Likebox帖子背景设置为透明吗?

时间:2014-06-05 22:36:14

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

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

我可以更改likebox背景,但不能更改帖子。如果我使用chrome开发人员工具并将.mbm类设置为“background-color:transparent”,那么它就可以工作。

但是如果我将它包含在我的CSS中,这将不会生效。即使有!重要

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

我正在使用这个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/

为了清晰起见,包含了截图,突出显示了我想要更改的背景颜色

FB LikeBox

1 个答案:

答案 0 :(得分:1)

只是要完全超级确定,尝试真正提高CSS中的特异性:

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