javascript - 使用 CSS 或 Javascript 使圆形图像变暗

到目前为止，我见过的所有使图像变暗的解决方案都适用于没有圆 Angular 的图像。这是有问题的，因为我见过的所有解决方案都要求使用背景色。当 Angular 变圆时，背景颜色会显示出来。我说的是这些解决方案:

是否还有其他纯粹通过 css 或 javascript(当然包括 jQuery)来实现此目的的方法。提前致谢!

enter image description here

最佳答案

http://jsfiddle.net/L7rWJ/

完全可以用 css 实现。

将叠加层和图像四舍五入:

#overlay, img{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
     border-radius:15px;
}

哦，如果你不关心 ie 你可以使用过渡来获得额外的好处:http://jsfiddle.net/fYEWr/

关于javascript - 使用 CSS 或 Javascript 使圆形图像变暗，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12223537/