Html 隐藏在twitter/google社交按钮后面的Facebook评论栏

有人可以帮忙

当有人在我们的一个产品页面上点击“喜欢”时，会在twitter/google的社交按钮后面弹出评论部分，我似乎无法准确指出问题所在。我曾尝试将溢出设置为可见/自动，但没有运气，但当我更改高度时，它显示正常（虽然我不想更改高度，但它显示在顶部）

下面是facebook按钮周围的代码：

<div class="product-link">


    <iframe src="http://www.facebook.com/plugins/like.php?href=http://foscam-uk.com/indoor-ip-cameras/foscam-fi8918e-black-wired-ip-camera.html&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&appId=317980981630590"

        scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:auto; width:450px; height:30px">" </iframe>

<a href="https://twitter.com/share" class="twitter-share-button" data-via="FoscamUK">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><g:plusone size="medium"></g:plusone></div>


        </div>

" 
！function（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=“//platform.twitter.com/widgets.js”；fjs.parentNode.insertBefore（js，fjs）；}（文档，“脚本”，“twitter wjs”）；

还有一个指向产品页面的链接（可能更有用）：

非常感谢你的帮助

---

关于

iframe上的高度和溢出的组合似乎不像您预期的那样工作

我的建议是：将iframe嵌入DIV元素，并将该DIV元素的格式如下：

<div id="foobar"><iframe …></div>

#foobar {
  height:   30px:
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#foobar:hover {
  overflow: visible;
}

#福巴{
高度：30px：
溢出：隐藏；
位置：相对位置；
z指数：1；
}
#foobar:悬停{
溢出：可见；
}

之后，评论栏会显示在twitter/g+按钮上

但是那些已经喜欢你的页面的用户的“脸”会出现在twitter/g+按钮上。我建议你从你的iframe的URL中删除参数

&show_faces=true

，因为显示这些脸并不能真正适应你想要的页面布局