html文本鏈接懸停背景圖片

div內有背景。然後，我會寫一個鏈接列表，然後傳遞給背景圖片，但似乎沒有工作。html文本鏈接懸停背景圖片

如果鏈接位於背景法師之上，將鼠標懸停在該位置上，則對於不在圖片背景之上的所有其他鏈接，我不會獲得文本的下劃線。

這是我的代碼：

<div style="min-height:200px;"> 
    <div class="backgroundImg" 
     style="background: url(/my/url.png) no-repeat; height:140px; width: 140px;position: absolute;> 
    </div> 
    <div style="z-index:30"> 
    <a href="#">My link here</a> 
    </div> 
</div>

對不起，我的英語，這個概念是很容易理解，但很難解釋。我希望能夠解釋。

感謝所有，達尼洛

編輯：

我發現錯誤...如果你不要在兩個DIV，z-index的非工作用「絕對」禮。

感謝您的建議！ ;-)

來源

2011-10-27 Danilo

試着在[JsFiddle]（http://jsfiddle.net/）上發佈一個例子 - 它會更容易理解你正在嘗試做什麼！ – Andrej

請發表您自己的回答並接受它，以便將問題關閉。它可能也會爲你賺幾個upvotes。 –

我發現錯誤...如果您在div，z-index非工作中都不使用「絕對」禮儀。

感謝您的建議！ ;-)

來源

2011-10-28 07:17:16 Danilo

很難理解，但我會嘗試：

1）如果你有背景的股利上面的鏈接，儘量用z-index的鏈路上的不同的值或設置paddin在鏈接上，所以div下降，你會看到下劃線。

2）如果你想在圖像背景上有一個列表，請將它插入帶有背景的div中。

來源

2011-10-27 16:03:33

我是第一個案子。隨着Z指數不起作用。「在paddin上設置」是什麼？ – Danilo

對不起，這是「設置填充底部」的鏈接：這個屬性與背景的div將下降，你會看到下劃線。 –

html文本鏈接懸停背景圖片

回答

相關問題