2

のような別のソーシャルメディアサイトの「いいね」ボタンを使用していますg+, facebook like, xing, and twitter。Facebook like button作品は、を除くすべてのブラウザで見つかりますIE7。以下の画像のように表示されます。 ここに画像の説明を入力してください

フォーラムによると、私は使用するのに助けを得ましたfb:like:width="115"。ただし、このブラウザの問題を修正することはできません。また、で自分のスタイルを使おうとしまし!importantたが、私のスタイルはページの上部にあり、ページの本文の下部にあるため、上書きされません。

手動でスタイルを追加せずにこれを修正する方法を知っている人はいますか？

4

3 に答える 3

4

Facebook は IE7 をサポートしていないため、[いいね] ボタンが IE7 で正しく表示されるように修正されることはありません。これは IE7 と互換性がないため壊れています (少なくとも FB が Like ボタンをコーディングした方法ではありません)。ユーザーに互換性のあるブラウザ (理想的には IE9、Chrome、または FF) を使用してもらう必要があります。

于 2012-08-01T11:31:02.703 に答える
2

Internet Explorer 7 の Facebook Like ボタン (カウント付き) を修正する 3 つの手順

HTML5 はまだすべてのブラウザでサポートされているわけではないため、この例では XFBML を使用しています。

通常、ステップ 1 または 2 で問題が発生します。

ステップ1

まず、html タグに Facebook 名前空間が含まれているかどうかを確認します。

<html xmlns:fb="http://ogp.me/ns/fb#">

ステップ2

ページのセクションに次のmetaタグを含めます。head

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

これはどのように作動しますか？

  • IE=edgeIE に最新のレンダリング エンジンの使用を強制します (イントラネットであっても)。
  • chrome=1Chrome Frame に最新の IE レンダリング エンジンの使用を強制します

    • ステップ 3

    最後に、ページに Facebook XFBML & JavaScript SDK を含めます。

    XFBML

    <fb:like send="false" layout="button_count" width="450" show_faces="false"></fb:like>

    JavaScript SDK

    <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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    于 2012-11-08T12:27:36.333 に答える
    0

    この上記の問題は解決されました。Facebookのopengraphにいいねを追加するだけで機能します。

    <html xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://www.facebook.com/2008/fbml">
    于 2012-08-02T11:35:13.620 に答える