2

我正在使用来自不同社交媒体网站的点赞按钮，例如g+, facebook like, xing, and twitter. Facebook like button在所有浏览器中都可以找到作品，除了IE7. 它如下图所示： 在此处输入图像描述

根据论坛，我得到了使用fb:like:width="115". 但是，它无助于解决此浏览器问题。我也尝试使用我自己的样式，!important但它仍然没有覆盖，因为我的样式在页面顶部被调用并且它位于页面正文的底部。

有谁知道如何在不手动添加其他样式的情况下解决此问题？

4

3 回答 3

4

你会发现 Facebook no loner 支持 IE7，所以 Like 按钮永远不会被固定在 IE7 中正确显示。它坏了，因为它与 IE7 不兼容（至少不是 FB 对 Like 按钮进行编码的方式）。您应该让用户使用兼容的浏览器（最好是 IE9、Chrome 或 FF）。

于 2012-08-01T11:31:02.703 回答
2

为 Internet Explorer 7 修复 Facebook Like 按钮（带计数）的 3 个步骤

此示例使用 XFBML，因为 HTML5 尚未得到所有浏览器的支持。

第 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=edge强制 IE 使用最新的渲染引擎（即使在 Intranet 中）
  • chrome=1强制 Chrome 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 回答