css - Facebook Like 按钮在 Opera 中的格式错误

Question

我在这个网站上工作：http ://oq.totaleclips.com，Opera显示 Facebook Like 按钮与功能页面上的其他社交按钮不水平对齐，例如： http: //oq.totaleclips.com/ mpa/The_Hunger_Games_(电影_2012 )

我不想对容器 div 的 css 进行彻底的更改，因为它在其他浏览器中运行良好。也许特定于浏览器的样式可以解决问题，但调用的 divfb-like似乎不能很好地接受 css 覆盖（如 `.fb-like{height:21px !important;}）

我怎样才能让它在 Opera 中正确排列？

Answer 1

不幸的是，因为那个特定的（也是最容易使用的）Facebook Like 按钮使用了 FB 的 iframe，所以你无法设置它的样式（否则，.fb_iframe_widget span {vertical-align: top;}就可以了。）

还有其他方法可以在不使用 iframe 的情况下实现点赞按钮，从可访问的 ( Open Like ) 到有点涉及的 ( Facebook SDK )。

但是，如果您坚持使用 iframe，理论上您可以使用Opera 特定的 css 选择器：

x:-o-prefocus, .fb_like {
   margin-top: -10px;
}