我在my website的标题部分中有以下代码。我已阅读this问题,但我的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&width=290&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=true&appId=384169901601437" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:62px;" allowTransparency="true"></iframe>
</span>
</div>
</div>
答案 0 :(得分:4)
当您点击标题图片时,默认电子邮件应用程序会启动,因为您有 href :
mailto:developerfahaduddin@gmail.com
你可以在这里查看:
所以,还有其他你没有编写代码的东西。
用Firebug查看你的页面后,我看到其他东西搞砸了。如果你添加一些高度:
<div class="content">
...
</div>
你没事,图像可以点击。
答案 1 :(得分:1)
问题是.content
没有高度,指针事件没有到达iframe,因为它超出了它的父元素的边界。
将此规则添加到.content
选择器的其他任何内容中。
div.content {
height: 120px;
}