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

到目前为止,我看到的所有解决方案都是为了使图像变暗而没有圆角的图像.这是有问题的,因为我见过的所有解决方案都要求使用背景颜色.当角落倒圆时,背景颜色显示出来.我在谈论这些解决方案：

http://jsbin.com/icemiy/1/edit

Darken image on rollover

是否还有其他方法可以完全通过css或javascript(当然包含jQuery).提前致谢！

解决方法:

http://jsfiddle.net/L7rWJ/

可以完全用css完成.

围绕叠加层和图像：

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

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