谷歌加分享“弹出”CSS错误答案

【问题标题】：Google plus share 'popup' css bug谷歌加分享“弹出”CSS错误
【发布时间】：2011-12-07 14:00:55
【问题描述】：

我尝试在我们的网站中实现 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 ，但我还没有看到任何正确的文档。

【问题讨论】：

标签： html css google-plus-one

【解决方案1】：

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

【讨论】：

我总是使用萤火虫，但这个弹出窗口消失得很快，所以我看不到发生了什么。真的很难检查，试试吧:)
您可以尝试按下firebug脚本选项卡上的暂停按钮。目前我无法弄清楚如何在我的浏览器中运行您的示例。我现在有一个白页:-)
嗯，不错的主意！我以前没用过，但目前我可以看到我从谷歌得到的代码。

【解决方案2】：

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

【讨论】：