CSS中的PNG透明度

css
css3

2015-02-11 188 views 0 likes

我需要为我用作背景的PNG添加透明度。我如何添加透明度？CSS中的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); 
}

来源

2015-02-11 Pumizo

您可以更改元素的“不透明度” - https://developer.mozilla.org/en-US/docs/Web/CSS/opacity – 2015-02-11 22:26:02

不清楚您要求的内容;实际的PNG alpha透明度与CSS无关 - 您的PNG图像包含alpha透明像素，或者它不包含。 – CBroe 2015-02-11 22:28:48

回答

默认情况下，如果你已经正确保存.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背景风格。

我希望你觉得它有帮助。

来源

2015-02-11 22:37:31

CSS中的PNG透明度

回答

相关问题