-1

有时 Facebook 的“点赞”按钮会以 0 像素的高度和重量呈现。这只发生在 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;
}
4

1 回答 1

0

查看您的喜欢按钮所在的渲染 html 标记或类

给他们 min-height和min-width

于 2013-03-05T08:04:38.703 回答