CSS中的PNG透明度

我需要添加透明度的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);
}

---

默认情况下，如果已正确保存.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);
}

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

rgba（200,54,54,0.5）

---

我希望您能发现它有帮助。

您可以更改元素的

不透明度

——不清楚您在问什么；实际的PNG alpha透明度与CSS无关–您的PNG图像要么包含alpha透明像素，要么不包含。