如何在mouseover上使圓形圖像變暗？

Question

我設法讓我的圖像變暗，當用戶懸停在它與this答案。但是我的圖像使用引導img-round類這使得它看起來像這樣，

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

是否有可能消除這些黑邊？

Answer 1

是你可以做到這一點，

可以將img-round類添加到a標籤。這樣，漸變疊加與圖像具有相同的形狀。

出於某種原因，邊界不清晰，我將編輯答案，一旦我找到一個解決方案。