У меня есть набор <a>
тегов с разными цветами фона rgba, но с одинаковым альфа-каналом. Можно ли написать единственный стиль css, который изменит только непрозрачность атрибута rgba?
Быстрый пример кода:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
И стили
a {display: block; position: relative}
.brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);}
.green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);}
Что я хотел бы сделать, так это написать единственный стиль, который изменял бы непрозрачность при <a>
наведении указателя мыши, но сохранял бы цвет неизменным.
Что-то вроде
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
div
элементы делают в вашихa
элементах?