3

ウェブサイトに Google +1 ボタンを配置するのに問題があります。div は次のとおりです。

<div class="g-plusone"></div>

私が使用している CSS は非常に単純です。

.g-plusone
{ 
position: absolute; 
top:95px;
left:715px; 
}

単純に見えても、単純に動きたくないのです。

問題の div がアクセスされているという事実を知っています。奇妙なのは、以下のような FB などの他のソーシャル共有ボタンが同じ構文に従い、完全に配置されていることです。

.fb-like 
{
position: absolute; 
top:62px;
left:715px; 
}

残念ながら、値に !important を追加しても何も起こりません。

何か案は?

4

3 に答える 3

9

Googleが+1ボタンをロードすると、.g-plusoneクラスが消えるように見えるので、以下に示すように、このDIVを別のDIV内に配置してみてください。

HTML:

<div class="google-button">

    <div class="g-plusone"></div>

</div>

CSS:

.google-button
{ 
position: absolute; 
top:95px;
left:715px; 
}
于 2012-06-12T22:45:44.613 に答える
2

ページが読み込まれた後、 g-plusoneという Google の divが大量のコードになりますが、このボタンは生成された ID で操作できます。

私の場合、たとえば、ボタンを行の中央に配置するには、次のようにします。

 #___plusone_0{
    vertical-align: middle !important;
}

注: ID ___plusone_0は、Google コードによって生成された ID です。このIDでやりたいことは何でもしてください。

于 2014-11-21T11:21:52.767 に答える
0

Firebugのようなものを使用して、正しい要素をターゲットにしていることを確認します。+1ボタンは非常に深くネストされているため、DOMツリーをさらに調べて、最も外側のラッパーに到達する必要があります。!importantなどを使わなくても位置を設定できるので、まずは必ず確認したいと思います。

申し訳ありませんが、これを上記のコメントとして追加しただけですが、できないようです:)

于 2012-06-12T22:46:26.603 に答える