如何设置边框的不透明度

Question

如何设置边框的不透明度？

我希望它是透明的，以便可以看到边框后面的物体。

Answer 1

试试这个，

border-color: rgba(0,0,0,0.5); // 50% opacity

最后一个值从0到1不等。其中0表示完全透明，1表示不透明。

Answer 2

我觉得这样的事情可以解决问题：

border: 10px solid rgba(255, 255, 255, 0.5);

更多信息：http://www.css3.info/preview/rgba/

Answer 3

您可以在现代浏览器中使用rgba格式。

border: 2px solid rgba(0, 51, 255, 0.5)

您可以在所有现代浏览器中使用它。这是一个list

Answer 4

你不能这样做。因为“objects behind the borders”是对象本身。

检查此 Fiddle

Answer 5

使用Alpha通道选择任何CSS颜色函数：

rgba(RR, GG, BB, ALPHA)或hsla(HUE, SAT, LUM, ALPHA)

Alpha值介于0和1之间。

你可能也希望查看background-clip属性，以定义背景相对于元素盒子模型的位置。