html - 谷歌加分享“弹出”CSS错误

Question

我曾尝试在我们的网站中实现 google plus 按钮，但弹出气泡真的很奇怪。

我使用了以下代码：

<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。（我知道，使用表格作为设计的一部分很奇怪，所以我们正确使用它们而不是布局！）

因为我们需要那个 css 代码，我该如何重新定义 google+ 分享气泡的 css？

这非常重要，我已经看到了一些细节，例如 .pls-topTail、.pls-vertShimLeft、.pls-contentLeft ，但是我还没有看到任何正确的文档。

Answer 1

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

Answer 2

在 css 中添加了一个 table:not(.gc-bubbleDefault) ，以前只定义了一个表解决了这个问题。