KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have a set of <a> tags with differing rgba background colours but the same alpha. Is it possible to write a single css style that will change only the opacity of the rgba attribute? A quick example of the code: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> And the 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);} What I would like to do is write a single style that would change the opacity when the <a> is hovered over, yet keep the colour unchanged. Something like a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
Tags (comma-separated)
Save Edits
Cancel