J'ai un ensemble de <a>
balises avec des couleurs d'arrière-plan rgba différentes mais le même alpha. Est-il possible d'écrire un seul style css qui ne changera que l'opacité de l'attribut rgba?
Un exemple rapide du code:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
Et les styles
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);}
Ce que je voudrais faire, c'est écrire un style unique qui changerait l'opacité lorsque le <a>
est survolé, tout en gardant la couleur inchangée.
Quelque chose comme
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
a
balise par opposition à une autour de img
et une autre autour du texte. Le fait qu'il soit pris en charge par HTML 5 est un avantage appréciable.
div
éléments dans vosa
éléments?