html - 超链接不起作用

Question

我的网站头部有以下代码。我已阅读此问题，但我的 css 似乎没有 z-index。图像和类似框显示但当我单击它们时没有任何反应，或者我应该说超链接不起作用。请帮忙。谢谢

  <div class="content-pad" style="float:left;">               
                <a href="mailto:developerfahaduddin@gmail.com"><img src="http://www.startupsandfinance.com/wp-content/uploads/2012/06/Advertise-here-728x90.png" width="728" height="90" /></a> 
                <span class="widget-pad" style="margin-left:25px;"> 
                <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FStartupAndFinance&amp;width=290&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true&amp;appId=384169901601437" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:62px;" allowTransparency="true"></iframe> 


                </span>
                </div>
                </div>

Answer 1

当您单击标题图像时，将启动默认电子邮件应用程序，因为您有以下链接：

mailto:developerfahaduddin@gmail.com

你可以在这里现场查看：

http://jsfiddle.net/MSRXU/

那么，还有其他一些您没有为其编写代码的东西。

使用 Firebug 查看您的页面后，我发现还有其他问题。如果您添加一些高度：

<div class="content">
...

</div>

你会没事的，图像将是可点击的。

Answer 2

The problem is that .content has no height, and pointer events are not reaching the iframe because it is outside of it's parent element's boundaries.

Adding this rule to whatever else you have for your .content selector.

div.content {
    height: 120px;
}