有时 Facebook 的“点赞”按钮会以 0 像素的高度和重量呈现。这只发生在 Internet Explorer 和 Firefox 中,但在 Chrome 中它可以正常工作并完美呈现。
为什么会这样?有什么具体原因吗?
我正在使用没有任何自定义 CSS 样式的 XFBML 版本。我正在使用 xslt 文件来渲染它
<ul class="gateway-share">
<li>
<xsl:text disable-output-escaping="yes"><fb:like href="</xsl:text>
<xsl:value-of select="$FacebookLikeUrl"/>
<xsl:text disable-output-escaping="yes">" layout="button_count" show_faces="false" width="73"></fb:like></xsl:text>
</li>
<li>
<xsl:text disable-output-escaping="yes"><fb:send href="</xsl:text>
<xsl:value-of select="$shareUrlWithDomain"/>
<xsl:text disable-output-escaping="yes">"></fb:send></xsl:text>
</li>
<li>
<xsl:text disable-output-escaping="yes"><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">>Tweet</a></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;
}