减少一个div中的背景图像不透明度

时间:2016-01-21 13:43:10

标签: css image background opacity

我需要控制背景图像的不透明度。我尝试使用不透明度选项,但它会影响所有标题元素。 我可以在此代码中减少背景图像的不透明度吗?

.header-container { 
    width: 100%; 
    background: url(/images/header-bg6.png) repeat;
    display: block;

1 个答案:

答案 0 :(得分:1)

如果您需要,则必须将图像更改为PNG宽度透明图像

您可以选择div position: absolute;在与header-container具有相同高度的header-container之前,然后应用background-imageopacity: 0.2; filter: alpha(opacity=20);

我希望我会帮助你。