css - 如何在鼠标悬停时使圆形图像变暗？

Question

当用户使用 this 将鼠标悬停在图像上时，我设法使图像变暗回答。然而，我的图像使用 Bootstrap img-round 类，这导致它看起来像这样，

<a href="#" class="darken">
   <img src="<?=$_SESSION['avatar']?>" alt="avatar" width="150px" class="img-circle">
</a>

是否可以去除那些深色边框？

Answer 1

是的你可以这样做，

您可以将img-round 类添加到a 标签中。这样渐变叠加层的形状与图像相同。

由于某些原因，边框不清晰，一旦找到解决方案，我将编辑答案。