on my website http://www.derekbeck.com/1775/ I have social media button icons, and strangely, the Google icons don't link, though they have links encoded. I can't figure it out. There are two google buttons: the white one is for the +1 and that doesn't work, the red one is to take you to the google page. Neither works in Google Chrome browser, but the red one works in IE9. Any ideas? See any CSS or HTML errors?
Thanks for looking! Derek
Facebook iFrame 是您的问题：
iframe 的高度为：20px；宽度：200px；
改成下面的代码
iframe 的高度为：20px；宽度：74px；
<iframe scrolling="no" id="f234707a0d2f204" name="f21e0c9e1942cf6" style="border: medium none; overflow: hidden; height: 20px; width: 74px;" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=122700491127449&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D4%23cb%3Dfb3ad41882f634%26origin%3Dhttp%253A%252F%252Fwww.derekbeck.com%252Fff890b510a65%26domain%3Dwww.derekbeck.com%26relation%3Dparent.parent&extended_social_context=false&font=tahoma&href=http%3A%2F%2Fwww.facebook.com%2F1775thebook&layout=button_count&locale=en_US&node_type=link&sdk=joey&send=false&show_faces=false&width=200"></iframe>
这个分..
<div id="connect_widget_4f8e67257c86d8966624510" class="connect_widget button_count"
style="font-family: "tahoma", sans-serif">..</div>
是 200px 宽，并出现在 google div 边界的顶部。当您尝试单击 +1 时，您实际上是在单击 facebook div 的不可见区域。在谷歌浏览器中，右键单击 +1 按钮并单击检查元素。这将允许您查看 div 的边界。
在您的 facebook 插件代码中，将宽度从 200px 更改为 85px。
您的 G+ 按钮没有问题。facebook 按钮与其重叠，使其不可点击。
@WhiteboardDev - 建议不要将宽度设置为由插件生成的 div，而是更改插件本身的宽度。
There's this div <div id="connect_widget_4f8e8b1c2eea08763746363" class="connect_widget button_count" style="font-family: "tahoma", sans-serif"> with a fixed width (200px), that "covers" the google buttons, but it has a transparent background, so you're not seeing it.
solution: give this div <div class="fb-likebox"> width: 200px;. It's the iframe's container, so it will make the google buttons shift to the right, and let you click them.