0

我有一个 div，其中包含 Facebook Like 按钮、Google plusone 和一个电子邮件按钮。我用 float:right 浮动了 div，但是 Google plusone 不再可点击。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 plusone 较低……这可能与上述问题有关。

任何想法将不胜感激！

4

2 回答 2

0

在您的文件中进行以下更改。

关闭分区<div style="clear:both;"></div>后放置。socialBookMarks

vertical-align: top;从 CSS5.css 中删除第 22行

这些更改将使您的按钮保持在右侧，可点击并正确对齐。

于 2012-05-24T04:01:50.917 回答
0

这些按钮不可点击，因为它们被选项卡 div 隐藏。

这是一个快速的解决方法...

添加此 CSS 以将按钮放在选项卡 div 上方：

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

这会将 Google+ 按钮向上移动：

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

我将很快用 CSS 更新以修复按钮的位置......

于 2012-05-24T04:07:56.180 回答