2

Facebookで例証されているように、次のコードを使用して、自分のWebサイトに同様のボックスを設定しています。

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/platform" width="292" show_faces="true" stream="true" header="true"></fb:like-box>

すべてのブラウザ（Chrome、Safari、Opera、Firefox、IE7、IE8）で動作しますが、IE9では動作しません。コードを検査すると、上記と同じように読み取られますが、他のコードはiFrameに置き換えられます。

また、次の行をhtml要素に追加しようとしましたが、これは役に立ちませんでした。

xmlns:fb="http://www.facebook.com/2008/fbml"

誰かがこの問題を解決する方法を知っていますか？

同様のボックスのiframeバージョンは機能しますが、XFBMLの方が望ましいです。

4

3 に答える 3

3

IE9で機能しない理由はわかりませんが、ドキュメントモードをIE8に変更すると機能します。これをヘッドセクションに追加することで、これを行うことができます。

<meta http-equiv="X-UA-Compatible" content="IE=8" >

参照：http：//msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx

于 2011-03-21T05:07:55.577 に答える
3

HTMLの先頭にFacebookの名前空間を追加できます。正しくフォーマットしていることを確認してください。

<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
    <body>
        <!-- My super great XFBML like button -->
    </body>
</html>
于 2011-07-11T18:18:11.573 に答える
1

私は同じ問題を抱えており、解決策を見つけました。デフォルトでこのタグを含むブロガーテンプレートを使用しています。

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

私はそれを削除し、すべてがうまく機能しています。

于 2012-02-04T20:17:24.797 に答える