Затемните фоновое изображение, не затрагивая текст. ⇐ Html

[Anonymous]

Я почти у цели, но на текст внутри a-тега не должно влиять полупрозрачное наложение:

http://jsfiddle.net/ChrisPrefect/GPLfM/

Текст должен быть ярко-белым, независимо от того, наводите ли вы курсор на изображение или нет.

При необходимости я могу добавить дополнительные элементы html, но я бы хотел оставить его до минимума.

Добавлен новый элемент:

Код: Выделить всё

.tint:before

с полупрозрачным фоном:

Код: Выделить всё

background: rgba(0,0,0, 0.5);

Но элемент «before» также находится поверх текста внутри элемента a и делает его темным.

Можно ли решить эту проблему с помощью упорядочивания по z-индексу?

Спасибо!
Крис

Подробнее здесь: https://stackoverflow.com/questions/219 ... g-the-text