在文本懸停上顯示疊加層

Question

我正在尋找一種方法，通過將鼠標懸停在背景圖像附加到的div容器內的錨點上使其背景圖像變暗。

曾經有過這樣一個例子，它確實起作用，但是當鼠標在錨點內移動時有大量的閃爍。

Answer 1

好吧，當你將你的錨點懸停在懸停屬性中時，你必須根據你想要的改變你的背景的線性漸變！檢查線性漸變css 3屬性的背景！

謝謝

Answer 2

您可以使用JavaScript的。

HTML：

<a href="something.example.com/something" onmousehover="darkenIt(this);" /> 

CSS：

a{ 
background-image: url("img/image.jpg"); 
} 

中的JavaScript：

function darkenIt(x){ 
    x.style.backgroundImage = 'url("img/dark-image.jpg");'; 
} 

我不知道如何使用CSS變暗的照片。因此，我向您展示了帶有兩個不同圖像的代碼。如果你知道如何去做，你可以使用它。

你也可以只使用CSS。在使用a類後，您可以使用a:hover。

享受：D