0

Facebookの「いいね！」ボタンを使用したいのですが、カウントはありません。コンテナの幅をオーバーフローなしで47pxに設定してみました。これはWindowsのブラウザでは機能しますが、Mac OS Xではボタンの幅が49ピクセルに拡大しているように見えるため、ボタンの一部が切り取られています。

いいねボタンを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>
4

1 に答える 1

0

CSSでボタンの幅を設定して、すべてのブラウザでボタンが同時に表示されるようにできますか？たぶん、「！important」タグを使用して、fbスタイルシート上に保持されるようにしてください。これにより、同じ「ハック」でディスプレイを非表示にできるはずです。

デフォルトで非表示にする方法はないと思います。ボタンを押した後にボタンの幅が変わる場合は、スタイルを微調整する必要がある場合もあります。

于 2011-07-28T11:11:46.423 に答える