-1

Facebookの「いいね」ボタンが0pxの高さと重さでレンダリングされることがあります。これはInternetExplorerと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 に答える