CSS Dark Opacity

时间:2017-10-31 18:47:54

标签: css css3

添加不透明度时是否可以保持背景暗?我正在尝试创建一个看起来像添加的图像的输入。每次我将背景设置为#000并添加不透明度时,背景开始变为灰色而不是保持黑色并变得透明。

enter image description here

编辑:

每个人都告诉我使用:

 background: rgba(0,0,0, 0.5);

这是结果(不起作用)enter image description here

编辑2:

这是一个小提琴 - http://jsfiddle.net/n7aob2yd/1/

2 个答案:

答案 0 :(得分:0)

最后一个值0.5是Alpha通道。

.selector {
    background-color: rgba(0, 0, 0, 0.5);
}

答案 1 :(得分:0)

您正在做的事情是正确的。你看到灰色,因为背景是白色的。尝试使用截图中的背景,你会发现它有效。并且不要使用['23.201.165.7', ('27.101.178.15', '27.101.178.17'), ('52.102.182.1', '52.102.182.5')] ,因为它会将其应用于所有内容,包括文本。现在,尝试使用与背景图像匹配的背景颜色,在本例中为深蓝色。也许这就是缺少的东西。