Затемнение картинки divом

[Torawhite]

Здравствуйте! Имеется код типа:

html

<img src=""><div class="div_class"><a>Текст</a></div>

css

.div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}

Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст оставаться белым?

Edited January 10, 2015 by Torawhite

[satantx]

.div_class a {

display: table-cell;

text-align:center;

vertical-align: middle;

background-color: rgba(43,43,43,.75);

color: #ffffff;

}

.div_class a:hover {

background-color: rgba(43,43,43,.15);

cursor: pointer;

}

[Torawhite]

.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: rgba(43,43,43,.75);color: #ffffff;}.div_class a:hover {background-color: rgba(43,43,43,.15);cursor: pointer;}

Спасибо большое! Совсем забыл, что opacity можно задавать через rgba