2011-12-07 14 views
0

私はGoogleのプラスボタンをサイトに実装しようとしましたが、ポップアップバブルは本当に奇妙です。 enter image description hereGoogle plus share 'popup' css bug

私は、次のコードを使用している:私たちは私たちのページにいくつかのテーブルを使用しています

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

を、そしてグーグルプラスボタンのCSSをリセットしそうです。 (デザインの一部としてテーブルを使用するのはおかしいですから、レイアウトではなく正しく使用しています)

Googleの共有バブルのCSSを再定義するにはどうすればよいですか?

.pls-topTail、.pls-vertShimLeft、.pls-contentLeftのようないくつかの詳細を見てきましたが、これについては私がまだ見ていない正しいドキュメントです。

答えて

1

テーブルを追加しました。以前はテーブルが定義されていたどこにでも、(.gc-bubbleDefault)がなくても、問題が解決されました。

1

Firebugを使用して、「google」ポップアップのcssを調べることができます。

+0

私はいつもファイヤーバグを使用していますが、このポップアップは非常に速く消えてしまい、何が起こるかわかりません。検査するのは本当に難しいです。ただ試してみてください:) – tildy

+2

火かき棒のスクリプトタブで一時停止ボタンを押してみることもできます。現時点では、私のブラウザであなたのサンプルをどのように実行するのか分かりません。私は今白いページを持っています:-) – rekire

+0

うーん、悪い考えではない!以前はこれを使用していませんでしたが、現在はgoogleから取得したコードを見ることができます。 – tildy