Question

有时Facebook“喜欢”按钮呈现0px的身高和体重。这只发生在Internet Explorer和Firefox中，但在Chrome中它可以正常工作和渲染。

为什么会这样？有什么特别的原因吗？

我使用的是没有任何自定义CSS样式的XFBML版本。我正在使用xslt文件来渲染它

<ul class="gateway-share">
  <li>
    <xsl:text disable-output-escaping="yes">&lt;fb:like href="</xsl:text>
    <xsl:value-of select="$FacebookLikeUrl"/>
    <xsl:text disable-output-escaping="yes">" layout="button_count" show_faces="false" width="73"&gt;&lt;/fb:like&gt;</xsl:text>
  </li>

  <li>
    <xsl:text disable-output-escaping="yes">&lt;fb:send href="</xsl:text>
    <xsl:value-of select="$shareUrlWithDomain"/>
    <xsl:text disable-output-escaping="yes">"&gt;&lt;/fb:send&gt;</xsl:text>
  </li>

  <li>
    <xsl:text disable-output-escaping="yes">&lt;a href="https://twitter.com/share" class="twitter-share-button" data-url="</xsl:text><xsl:value-of select="$shareUrlWithDomain"/>"<xsl:text disable-output-escaping="yes">&gt;Tweet&lt;/a&gt;</xsl:text>
  </li>

  <li onclick="PinTracking();" title="Send to Pinterest">
    <a id="lnkpinterest" href="{$PinterestShareUrl}" class="pin-it-button" count-layout="none">
      <img border="0" src="http://assets.pinterest.com/images/PinExt.png"/>
    </a>
  </li>
</ul>

/* css styles for the list */
ul.gateway-share {
  float: left;
  height: auto;
  list-style: none outside none;
  margin: 0 6px 0 10px;
  padding: 0;
  width: auto;
}
ul.gateway-share li {
  border: 0 none;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  width: auto;
}

Answer 1

查看放置了喜欢按钮的渲染html标签或类

并给他们 min-height和min-width

Facebook“喜欢”没有出现在Internet Explorer和Firefox中

1 个答案: