谷歌图标未链接..只是HTML还是CSS问题

Question

在我的网站上 http://www.derekbeck.com/1775/我有社交媒体按钮图标，奇怪的是，谷歌图标没有链接，尽管它们有编码的链接。我想不通。有两个谷歌按钮：白色的用于+1，这不起作用，红色的按钮是将您带到谷歌页面。两者都不适用于谷歌浏览器，但红色浏览器适用于IE9。有什么想法吗？看到任何 CSS 或 HTML 错误？

感谢您的观看！德里克

Answer 1

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&amp;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&amp;extended_social_context=false&amp;font=tahoma&amp;href=http%3A%2F%2Fwww.facebook.com%2F1775thebook&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=200"></iframe>

Answer 2

Thisdiv..

 <div id="connect_widget_4f8e67257c86d8966624510" class="connect_widget button_count"
       style="font-family: &quot;tahoma&quot;, sans-serif">..</div>

宽度为 200px，显示在 Googlediv 边界的顶部。当您尝试点击 +1 时，您实际上是在点击 facebookdiv 的不可见区域。在谷歌浏览器中，右键单击 +1 按钮，然后单击检查元素。这将允许您查看div 的边界。

Answer 3

在你的Facebook插件代码中，将宽度从200px更改为85px。

您的G +按钮没有问题。Facebook按钮重叠，使其不可点击。

@WhiteboardDev - 与其将宽度设置为由插件生成的div，不如更改插件本身的宽度。

Answer 4

有一个固定宽度（200px）的div <div id="connect_widget_4f8e8b1c2eea08763746363" class="connect_widget button_count" style="font-family: &quot;tahoma&quot;, sans-serif">，它"覆盖"了谷歌按钮，但它有一个透明的背景，所以你看不到它。

解决方案：给这个div <div class="fb-likebox">宽度：200px;。它是iframe的容器，所以它会让谷歌按钮向右移动，并让你点击它们。