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

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标记。这样，渐变叠加具有与图像相同的形状。

由于某些原因，边框并不清晰，我会在找到解决方案后编辑答案。