如何使用背景颜色透明Div

时间:2016-07-12 06:51:10

标签: css html5 forms css3

我想让一个透明的人backgound-color:#5A7D00。 其实我想达到我想要的结果

enter image description here

但是我无法实现这一点。请帮我一些代码来实现(避免res strip)

2 个答案:

答案 0 :(得分:3)

您需要将颜色转换为rbg,以便将其与rgba()属性一起使用。

在这种情况下,你所追求的是:

background-color: rgba(90, 125, 0, 0.5);

这4个值中的最后一个是不透明度级别(0.5

答案 1 :(得分:1)

您必须将十六进制颜色格式转换为RBG颜色格式,因为此格式包括Alpha透明度。这允许我们只使父容器透明而不改变子容器的透明度。在RBG格式中,前3个值是RBG颜色值,第四个是0到1之间的不透明度值。

所以你的代码应该是这样的:

background-color: rgba(90, 125, 0, 0.5);