Как затемнить фото при наведении?

Question

[Дмитрий Акулич]

Есть галерея с фото, все фото вставлены через тег img (не background), надо что бы при :hover фото затемнялось. Вариант с opacity не подходит по причине того, что фото изначально в должно быть в нормальном состоянии, а не с opacity(0.8 и т.п.).

Структура html такая (её можно менять):

<div class="picture-promo">
  <a href="#">
    <img src="pics/promo-2.jpg" alt="">
  </a>	
</div>

Ищу вариант решения на css, без js.

Answer 1

[Дмитрий]

Fiddle

Answer 2

[George Postoronca]

CSS Filter

Comments

[Дмитрий Акулич]

Думал об этом варианте, но смущает совместимость, нужно что бы работало в IE 10+ а еще лучше в 8+

[George Postoronca]

но IE8 это уже не то!