超鏈接不適用於圖像

我想從圖像中創建鏈接，意味着點擊圖像後我想重定向到其他網站。我已經使用了以下超鏈接不適用於圖像

<div class="haus"> 
    <a href="http://google.com"><img src="http://schwedenladen.de/wp-content/themes/schweden/style/img/haus_icon.png" alt="Haus"></a> 
</div>

CSS代碼

.haus { 
    height: 100%; 
    margin-left: 50px; 
    padding: 0 0 5px; 
    width: 30px; 
    border:1px solid red; 
    z-index:999; 
}

我沒有得到的超鏈接圖標，當我移動鼠標在圖像

來源

2013-09-25 user2815758

當我製作一個html文件時似乎適用於我。你能向我們展示div類的CSS嗎？ –

感謝您的寶貴意見。我已經更新了div'haus'的CSS代碼，但它現在不能工作。我已經突出顯示紅色部分 – user2815758

我添加了問題中的css代碼 – user2815758

你的形象的背後是一面旗幟。試試這個：

.haus>a { 
    position: absolute; 
    z-index: 9999; 
}

z-index很重要，因爲頭部有很高的值需要發送回來。

來源

2013-09-25 14:57:11 opalenzuela

感謝您的寶貴意見。我已經更新了div'haus'的CSS代碼，但它現在不能工作。我已經突出顯示紅色的部分 – user2815758

請嘗試以下操作：.haus> a {position：absolute; z-index：9999;} – opalenzuela

我想解釋一下我的建議。 div「haus」受到標題的限制，而我們在前面需要的就是元素「a」。這就是爲什麼我建議使用限制性CSS選擇器，以避免網站中其他元素的副作用。 – opalenzuela

超鏈接不適用於圖像

回答

相關問題