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

Question

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

这是一个例子：http ://www.b-reel.com/

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

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

Answer 1

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

Answer 2

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