CSS中的PNG透明度

Question

我需要为我用作背景的PNG添加透明度。如何添加透明度？

section#testimonials {
    height:  647px;
    background: url("../img/yellow_testimonial.png") repeat-x 0 0;
    padding: 0;
    color: #e4e5e2;
    z-index: 500;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}

Answer 1

默认情况下，如果您已正确保存.png文件，则不会出现此问题。我看到在你的css样式中没有定义背景颜色。

试试这个：

section#testimonials {
    height:  647px;
    background: url("../img/yellow_testimonial.png") repeat-x 0 0 #0099FF;
    padding: 0;
    color: #e4e5e2;
    z-index: 500;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}

这是一个选项，您可以尝试的另一种方法是应用rgba代码，如以下所示：父div背景样式上的rgba(200, 54, 54, 0.5)。

我希望你觉得它有帮助。