Я делаю так:
div (foto) c фоном фотографией помещаю в div (foto_box) с черным фоном и при наведении курсора срабатывает opacity
Стили:
.foto_box{width:300px;height:200px;float:left;background-color:#000000;}
.foto{width:300px;height:200px;float:left;background-image:url(foto.jpg);background-repeat:no-repeat;}
.foto:hover {opacity:0.8;}