Twitter bootstrap 使用Joomla 3 bootstrap进行类似Facebook的iframe裁剪

在我的joomla 3扩展中，我显示了一个类似facebook的按钮。如果用户单击like按钮，则应显示注释框的iframe将被剪切，并且只有一小部分可见。
我没有做什么特别的事

<div class="pull-left event-button">
    <div class="dp-share-button"><div id="fb-root"></div
        <fb:like href="http://joomla.digital-peak.com/demo/dpc/en" layout="button_count" show_faces="true" send="true" width="" action="like" font="arial" colorscheme="light"></fb:like>
    </div>
</div>

我无法测试它，因为我不使用Facebook，但是从标记中，如果问题是溢出属性，您可以尝试将以下jQuery脚本添加到日历脚本中：

<script>
(function($){
    $(document ).ready(function(){
        $(".dp-share-button" ).find("iframe").css("overflow","visible");
    });
})(jQuery);
</script>


（函数（$）{
$（文档）.ready（函数（）{
$（“.dp共享按钮”）.find（“iframe”）.css（“溢出”、“可见”）；
});
})（jQuery）；

最后，我认为通过这个示例jQuery脚本，您可以使用一个工具来测试不同的css属性，并可能获得最佳解决方案。
可能您需要某种触发器，比如
$（“yourbutton”）.bind（“click”，function（）{//css修改代码在这里}）
也发生在我身上，只需强制边距和填充为零，设置最大高度和最大宽度，这将解决大多数用户的问题，但在某些设备上它仍会随机加载错误。
我尝试了各种溢出设置，并尝试了许多其他css修改…css修改没有任何效果，您添加了css！属性值之后的重要信息。有时需要一种变通方法来覆盖加载的任何其他css样式。