我想使用Facebook like button但没有计数。我试过将它的容器宽度设置为47px,没有溢出。这适用于Windows上的浏览器,但在Mac OS X上,按钮的宽度似乎扩展到49px,因此部分内容被切断。
有没有人知道使用Like按钮的方法,使用button_count样式,但没有计数和没有在Windows和Mac上以不同方式显示?
以下是我用于Facebook按钮的代码:
<script type="text/javascript">
//<![CDATA[
//Facebook like button
window.fbAsyncInit = function() {
FB.init({xfbml: true});
};
//]]>
</script>
<div id="fb-root"></div>
<fb:like href="{{ page_url }}" send="false" layout="button_count" width="49" height="21" show_faces="false"></fb:like>
<script type="text/javascript">
(function() {
var e = document.createElement('script');
e.async = true;
e.src = (document.location.protocol == 'file:' ? 'http:' : document.location.protocol) + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
答案 0 :(得分:0)
您可以在CSS中设置按钮的宽度,以便所有浏览器同时显示它吗?也许尝试使用“!important”标记,以便它在fb样式表上保留。这应该允许相同的“黑客”隐藏显示。
我认为默认情况下无法隐藏它。如果在按下按钮后宽度发生变化,您可能还需要调整样式。