超鏈接不起作用

我在my website的頭部有以下代碼。我已經閱讀this的問題，但我的CSS似乎沒有z-index。圖像和類似的框顯示，但沒有反應，當我點擊它們或我應該說超鏈接不起作用。請幫忙。由於超鏈接不起作用

<div class="content-pad" style="float:left;">    
       <a href="mailto:[email protected]"><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>

來源

2012-06-27 Foo

您的div.content沒有高度。 – nhahtdh

當你點擊標題圖片上，默認的電子郵件應用程序啓動時，你有一個HREF到：

mailto:[email protected]

你可以檢查出來住在這裏：

http://jsfiddle.net/MSRXU/

所以，是別的，你沒有寫代碼。

在用Firebug查看你的頁面之後，我發現其他東西已經搞亂了。如果你添加一些高度：

<div class="content"> 
... 

</div>

你會沒事的，圖像將是可點擊的。

來源

2012-06-27 16:59:56 Nobita

問題是.content沒有高度，並且指針事件沒有到達iframe，因爲它在它的父元素邊界之外。

將此規則添加到您對.content選擇器所做的任何其他操作中。

div.content { 
    height: 120px; 
}

來源

2012-06-27 17:19:18 Nimphious

超鏈接不起作用

回答

相關問題