Es posible cambiar solo el alfa de un color de fondo rgba al pasar el mouse?
Tengo un conjunto de<a> etiquetas con diferentes colores de fondo rgba pero el mismo alfa. ¿Es posible escribir un solo estilo css que cambie solo la opacidad del atributo rgba?
Un ejemplo rápido del código:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
Y los 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 me gustaría hacer es escribir un estilo único que cambiaría la opacidad cuando la<a> está suspendido, pero mantén el color sin cambios.
Algo com
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}