У меня есть набор тегов
с разными цветами фона 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:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}