css - 如何设置边框的不透明度

Question

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

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

score 2 · Accepted Answer

尝试这个，

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

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

score 1 · Accepted Answer

我认为这样的事情应该可以解决问题：

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

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

0

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

检查这个小提琴

于 2013-09-30T08:31:45.610 回答

score 0 · Accepted Answer

选择任何带有 alpha 通道的 CSS 颜色函数：

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

alpha 值介于0和之间1。

您可能还想查看background-clip用于定义背景相对于元素框模型的位置的属性。

5 回答 5