当用户点击像按钮这样的Facebook时,相似框的位置

时间:2015-01-22 17:07:08

标签: jquery css facebook position

我有一个Facebook'喜欢&份额'我网站上的按钮。我把它放在页脚底部的页脚中。我遇到的问题是,当用户点击“赞”或“分享”按钮时,会打开一个框,让他们打开“喜欢”按钮。位于相似按钮下方,使其在我的网站上无法看到,因为该按钮位于页面底部。

有没有办法让方框显示在按钮上方?

这是指向我网站的链接,以便您了解我的意思:

http://97squared.co.uk

继承我的代码,

JavaScript:只是打开' body'

<div id="fb-root"></div>
<script>
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
</script>

HTML:

<span class="facebook-button">
<div class="fb-like" data-href="http://www.97squared.co.uk/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
</span>

CSS:

.facebook-button {
position: relative;
top: -8px;
margin-right: 10px;
}

0 个答案:

没有答案