gpt4 book ai didi

html - Facebook 点赞按钮框在窗口区域外打开

转载 作者:太空狗 更新时间:2023-10-29 16:37:20 26 4
gpt4 key购买 nike

我的网站底部有一个类似 facebook 的按钮。当我点击它时,我可以输入评论的“框”出现在我的网络浏览器窗口之外,我无法向下滚动或类似的东西(见下面的截图 - 图像的底部是窗口的底部)。我怎样才能解决这个问题? (即使框出现在按钮上方)。谢谢

enter image description here

HTML

  <div id="social">
<div class="fb-like" data-href="http://mydomain.com" data-send="false" data-layout="button_count" data-width="106" data-show-faces="false" data-font="verdana"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="msa">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>
</div>

CSS:

#footer {
position: fixed;
bottom: 0;
color: #333;
left: 0;
z-index: 999;
width: 96%;
text-align: right;
padding: 30px 2%;
vertical-align: bottom;
}
#social {
position: absolute;
vertical-align: middle;
left: 2%;
color: #333;
}

.fb_iframe_widget, iframe.twitter-share-button {
display: inline-block;
vertical-align: middle;
}
span.languageselector {
display: inline-block;
height: 20px; /* same height as #social div */
line-height: 20px; /* same as line-height */
}

最佳答案

实际上有一个令人讨厌的解决方案。而且我不认为这是合法的。但如果它那么重要,你可以覆盖 facebook css。在您的情况下,这样的事情就可以解决问题。

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe {

/* Now you can apply css here */
bottom:0!important;
}

如果你想启用发送按钮,你可以使用,

对于浅色方案:

.fb_edge_comment_widget.fb_send_button_form_widget.light.fb_iframe_widget {

/********css code here*******
*Ex:
position: fixed!important;
bottom: 20px!important;
top: initial!important;
*/
}

对于深色配色方案:

.fb_edge_comment_widget.fb_send_button_form_widget.dark.fb_iframe_widget {

/********css code here*******/

}

我再说一遍,这不是一个合适的解决方案。所以除非它真的很重要,否则不要使用它。请记住,这些类(class)可以更改,并不适合所有场合。

关于html - Facebook 点赞按钮框在窗口区域外打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12022007/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com