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

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

如何更改 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/

为了清楚起见,附上了一张屏幕截图,突出显示了我想要更改的背景颜色

FB LikeBox

最佳答案

为了完全确定,请尝试真正提高 CSS 的特异性:

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

关于html - 可以将 Facebook Likebox 帖子背景设置为透明吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24071327/

相关文章:

html - 如何使导航菜单的原始网站背景固定且100%宽?

css - 断点处的样式 "splitting",媒体查询

php - Facebook 应用程序中的 fatal error : Call to a member function getLongLivedSession() on a non-object

javascript - 如何将 Facebook PHP 访问 token 与用于 FB.UI 对话框的 FB Javascript SDK 一起使用

jquery - iPad 表单禁用 [上一个 |下一步]按钮

html - 对象之间的文本装饰空间

html - 背景图像重复,无法编码使其停止

javascript - 当顶部横幅展开时让网站缩小

javascript - 分析 Facebook Javascript 问题 : “FB is not defined”

javascript - JSColor onChange 事件说函数未定义