将鼠标悬停在图像上并使周围的图像变暗

Question

澄清一下：当你将鼠标悬停在图像上时，我不会问如何使图像变暗。我想知道如何在光标变暗的图像周围制作其他图像。

以下是一个示例：http://www.b-reel.com/

当您将鼠标悬停在大类别图像上时，周围的图像会变暗，但悬停的图像会保持不变。

任何输入都将不胜感激。谢谢！

Answer 1

您不会使周围的图像变暗。相反，你所做的是在所有图像周围放置一个div，当光标在div上时，所有图像都会变暗。但是，您还可以在每个图像周围添加div个元素，并在光标位于图像上时使图像更暗。两者的结合可以为您提供所需的效果。

Answer 2

在您发布的示例中，他们使用JavaScript在其他div上应用.fadeOut类。 .fadeOut类将其他div的opactiy设置为50％。