Google Plus partagez le bogue CSS «popup»

Question

J'ai essayé d'implémenter le bouton Google Plus dans notre site, mais la bulle contextuelle est vraiment bizarre.

J'ai utilisé le code suivant:

<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>

Nous utilisons un tableau sur notre page, et il semble qu'il réinitialise le CSS du bouton Google Plus. (Je sais, c'est bizarre d'utiliser la table dans le cadre de la conception, donc nous les utilisons correctement et non pour la mise en page!)

Parce que nous avons besoin de ce code CSS, comment puis-je redéfinir le CSS de la bulle Google + partager?

C'est tellement important, j'ai vu quelques détails comme .pltail., .PlS-Vertshimleft, .plSentleft, mais toute documentation correcte pour cela que je n'ai pas encore vu.

Answer 1

Ajout d'une table: pas (.gc-bubblefault) dans le CSS partout où auparavant un seul tableau avait été défini résolu le problème.

Answer 2

Vous pourriez utiliser Pyromane Pour inspecter le CSS de la fenêtre contextuelle "Google".