css – 是否可以只更改悬停时rgba背景颜色的alpha？

我有一组< a>标签与不同的rgba背景颜色，但相同的alpha。是否可以编写一个单一的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>悬停在上面，但保持颜色不变。

就像是

a:hover .green,a:hover .brown {BACkground-color: rgba(inherit,inherit,1);}

a { display: block; position: relative; }

.brown { position: absolute; bottom: 0; BACkground-color: rgba(118,0.8); }
a:hover .brown { BACkground-color: rgba(118,1); }

.green { position: absolute; bottom: 0; BACkground-color: rgba(51,0.8); }
a:hover .green { BACkground-color: rgba(51,1); }