I have a like box setup in my website using the following code as exampled by Facebook.
<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>
It works in all browsers (Chrome, Safari, Opera, Firefox, IE7, IE8) but not IE9. On inspecting the code it still reads the same as above, whereas the others get replaced with an iFrame.
I have also tried adding the following line to the html element, although this did not help.
xmlns:fb="http://www.facebook.com/2008/fbml"
Does anyone know how to res开发者_如何学运维olve this issue?
The iframe version of the like box does however work, but XFBML is more desired.
Not sure why it is not working in IE9, but changing the document mode to IE8 will make it work -you can do that by adding this to the head section
<meta http-equiv="X-UA-Compatible" content="IE=8" >
Ref: http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx
You can add facebook namespaces to the head of your HTML. Just make sure you format correctly.
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<body>
<!-- My super great XFBML like button -->
</body>
</html>
I have the same problem and I found the solution for me: I'm using blogger template which by default contain this tag:
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
I deleted it and everything is working good.
精彩评论