0

Facebook のようなボタン、Google プラスワン、メール ボタンを含む div があります。float:right で div をフロートしましたが、Google プラスワンはクリックできなくなりました。Facebook ボタンは、ボタンの 2/3 にわたってクリック可能です。

クラス BookContain から float:right を削除すると、問題なく動作します (左側のみ)。float:right を削除して相対位置に置き換えようとしましたが、やはり Google plusone は気に入りません。

ここに例があります... http://www.giftsthatthrill.com.au/gifts/skydiving-experiences/Coolum_Beach/AD9788

ブロックのCSSは

.bookcontain {
margin-top:5px;
float:right;
}
.bookcontain ul {
text-align:left;
list-style:none;
margin:0;
padding:0;
}
.bookcontain ul li{
text-align:left;
display:inline-block;
padding:0 2px 2px 0;
margin:0 0 0 5px;

}
 .bookcontain ul li.google {
vertical-align:top; 

}

また、Firefox が Google プラスワンをブロックの下に表示していることもわかりました...これは上記の問題に関連している可能性があります。

どんな考えでも大歓迎です！

4

2 に答える 2

0

ボタンはタブ div によって隠されているため、クリックできません。

ここに簡単な回避策があります...

次の CSS を追加して、タブ div の上にボタンを配置します。

#socialBookMarks{
    position: relative;
    z-index: 9;
}

これにより、Google+ ボタンが上に移動します。

.google{
    position: relative;
    top: -13px;
}

ボタンの位置を修正するためにCSSですぐに更新します...

于 2012-05-24T04:07:56.180 に答える
0

ファイルで次の変更を行います。

部門を閉じ<div style="clear:both;"></div>た後の場所。socialBookMarks

vertical-align: top;CSS5.css の行番号 22 から削除

これらの変更により、ボタンは右側にとどまり、クリック可能になり、適切に配置されます。

于 2012-05-24T04:01:50.917 に答える