Html 图像上的按钮边框透明度

当按钮像这样放置在图像顶部时，如何使其边框半透明

在CSS中 .按钮{边框：5px实心rgba（2,4233，0.1）；}

---

rgba（）请更新代码

。按钮{
宽度：218px；
高度：57px；
背景：#1abc9c；
位置：绝对位置；
左：50%；
最高：50%；
利润：-28px-109px；
线高：57px；
文本对齐：居中；
颜色：#fff；
文字装饰：无；
字体大小：23px；
文本转换：大写；
边框：7px实心rgba（120216197.5）；
背景剪辑：填充框；
显示：无；
}
.图像支架{
显示：内联块；
垂直对齐：顶部；
位置：相对位置；
}
.图像支架{
垂直对齐：顶部；
}
.图像保持器：悬停.按钮{
显示：块；
}

使用rgba颜色模型可以很好地工作，但当边框仅位于图像上方时，是否有任何方法可以使其透明。这是我做的代码：是的，我用rgba做的，但我只希望它是透明的，就像我问题中的链接一样