0

私は標準のHTML5FBLikeプラグインを使用していますが、すべてが順調に見えました。サイトで長いページを表示し、コンテンツの中央にある2つのボックスがFacebookの[いいね]ボタンからかなり離れていることに気付くまでは。XFBMLバージョンでも同じ問題が発生しました。

生成されたボタンのコードを見ると、スタイルがに設定さdivれた状態で内部にaが作成されていることがわかります。div id="fb-root">position: absolute; top: -2000px;

connect.facebook.net/en_US/all.jsにアクセスすると、これが作成され、行26、列2282に設定されていることがわかります。ga.style.position='absolute';ga.style.top='-2000px';

この高さ未満のページでは、ボックスは表示されません。しかし、これより長いページでは、ボックスが表示されます。なんで？どうすればこれらを取り除くことができますか？私は何が間違っているのですか？

ボタンコード：

<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_US/all.js#xfbml=1&appId=<my app id>";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-href="<my page>" data-send="true" data-width="200" data-show-faces="true" 
             data-layout="button_count" data-action="like" data-font=\"arial\"></div>
4

2 に答える 2

1

fb-rootこれは、-2000px が本体に対して相対的であるため、要素を絶対位置または相対位置で要素内に配置した場合に発生します。

要素を本体に直接移動するfb-rootと、これは発生しなくなります。

于 2012-04-14T00:14:24.100 に答える
0

追加してみてください：

ga.style.backgroundColor='transparent';

また：

ga.style.visibility='hidden';
于 2012-04-13T20:48:07.717 に答える