Google plus分享'popup'css错误

时间:2011-12-07 14:00:56

标签: html css google-plus-one

我曾试图在我们的网站上实施google plus按钮,但弹出的泡泡真的很奇怪。 enter image description here

我使用了以下代码:

<g:plusone annotation="none"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

我们在页面上使用了一些表格,它似乎重置了google plus按钮的CSS。 (我知道,使用table作为设计的一部分是很奇怪的,所以我们正确使用它们而不是布局!)

因为我们需要css代码,如何重新定义google + share bubble的css?

这很重要,我已经看过一些细节,如.pls-topTail,.pls-vertShimLeft,.pls-contentLeft,但是我还没有看到任何正确的文档。

2 个答案:

答案 0 :(得分:1)

您可以使用Firebug来检查“google”弹出窗口的CSS。

答案 1 :(得分:1)

添加了一个表:not(.gc-bubbleDefault)到css以前只有一个表定义解决问题的地方。