我对 Facebook 点赞按钮的高度有疑问。我使用带有此标签的 XFBML 版本
<fb:like layout="standard" show_faces="true" width="440" action="recommend" colorscheme="light"></fb:like>
在某些网站上,包含按钮的 iframe 的高度是动态的。当有“面孔”要显示时,它的高度为 61px;当没有面孔要显示时,它的高度为 23px。当用户按下“喜欢”按钮时(按钮下会出现他的脸),这种情况会发生动态变化。
适用于此功能的网站示例:
- hobby.idnes.cz/v-boji-s-mokrou-travou-vitezi-vretenove-sekani-nad-rotacnimi-sekackami-13j-/hobby-zahrada.asp?c=A100604_134111_hobby-zahrada_bma
- Facebook Like 按钮演示页面 - http://developers.facebook.com/docs/reference/plugins/like
不幸的是,当我尝试将标签插入到我的页面中时,iframe 的高度设置为 80px 并且没有改变。
我目前的解决方案是将盒子的高度设置为23px,并将其容器的溢出CSS属性设置为 Conceal 。但通过这个解决方案,我失去了显示面孔的能力。
这个问题已经发布在 Stack Overflow 上,但没有解决方案。 - stackoverflow.com/questions/2777196/facebook-like-button-fblike-height-always-80px
我花了大约 6 个小时试图解决这个问题。但我仍然认为必须有一个简单的解决方案。
感谢您的任何建议。
最佳答案
如果不想显示面孔,并保持静态23px高度,可以设置show_faces
XFBML 上的参数 fb:like
标记为false
。如果你确实想展示面孔,我会包裹<fb:like>
容器中的标签 div
并将其设置为 height
至61px
。这应该允许“like”按钮周围的任何内容保持在原位,并且 iframe/like 按钮的内容会随着面孔的添加/删除而变化。
关于Facebook 点赞按钮(XFBML 版本)高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2989796/