css - 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 代码，如下所示:rgba(200, 54, 54, 0.5) 在父 div 上背景样式。

希望对您有所帮助。