我正在尝试将 FB 添加到我的网站。类似的似乎工作正常。但是,当有人单击“赞”按钮(在 Mac Lion 上使用 Firefox)时,会出现一个共享框,该框在我的页面上显示截止。理想情况下,我希望完全显示共享框,以便访问者可以分享他们的喜欢。如果这是不可能的,那么一起摆脱共享框,只留下“喜欢”。
这是它的外观:
脸书喜欢 http://www.sofiaandluis.com/public/facebook_like.png
这是代码:HTML
<div class="column-area">
<div class="suscribe-social">
<div class="up make-word-breakable">
<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_US/all.js#xfbml=1&appId=xxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/pagename" data-send="false" data-width="300" data-show-faces="true" data-font="verdana"></div>
</div>
<div class="down make-word-breakable"></div>
</div>
CSS
.column-area {
width: 300px;
display: block;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
}
.suscribe-social {
border: 1px solid #E4E4E1;
margin: 5px 0px 20px 0px;
}
.suscribe-social .up {
padding: 10px;
display: inline-block;
}
.make-work-breakable {
word-wrap: break-word;
}