在文本悬停上显示叠加层

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