Facebook Like按钮在Opera中格式错误

Question

我正在使用此网站：http://oq.totaleclips.com，而且Opera会在功能页面上与其他社交按钮水平对齐显示Facebook赞按钮，例如：http://oq.totaleclips.com/mpa/The_Hunger_Games_(Movie_2012）

我不想对容器div的css进行彻底的更改，因为它在其他浏览器中工作正常。也许特定于浏览器的样式可以解决这个问题，但是名为fb-like的div似乎不能很好地接受css over-rides（如`.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 specific css selector：

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