在文本悬停上显示叠加层

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:hover课程后使用a。

享受：D