爲什麼錨標記適用於某些圖像區域？

Question

我正在進行一個項目http://www.node.au.com/我面臨的問題是，我有一個標誌圖像，周圍有一個錨標籤，但是當我將鼠標懸停在標誌上時，它只適用於左側區域，但不適用於整個圖像我搜索了很多解決方案，但沒有運氣，任何人都可以給我解決方案。

友善地將鼠標懸停在圖像的左側，並提前看到這個問題非常感謝。

這裏是代碼：

<a href="<?php echo get_option('home'); ?>"><img style="margin-left:-17px;margin-top:20px;"src="http://www.node.au.com/wp-content/themes/folio-two/images/main-logo.png" alt="NODE &ndash; 3D Visualisation"></a> 

Answer 1

兩兩件事：1. 附加 「顯示：塊;」到標籤，這將允許它像內部的圖像一樣大。 2.（菜單）覆蓋它，使其不可點擊。刪除邊距頂部：-130像素，你就可以點擊它。

我不知道爲什麼在UL的頂部有所有的空間。看起來你不需要UL，無論如何，只需要使用一個div，因爲裏面只有一個li元素。

-Julian

Answer 2

use this class on logo image 


.logo { 
    cursor: pointer; 
    display: block; 
    margin-left: -17px; 
    margin-top: 20px; 
}