É possível alterar apenas o alfa de uma cor de fundo rgba ao passar o mous
Tenho um conjunto de<a> tags com cores de fundo rgba diferentes, mas o mesmo alfa. É possível escrever um estilo css único que alterará apenas a opacidade do atributo rgba?
Um exemplo rápido do código:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
E os estilos
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);}
O que eu gostaria de fazer é escrever um estilo único que mudasse a opacidade quando o<a> passa o mouse sobre a tela, mas mantenha a cor inalterad
Algo com
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}