减少一个 div 中的背景图像不透明度 [重复]

Posted 2023-03-06

【中文标题】减少一个 div 中的背景图像不透明度 [重复]

【英文标题】：Reducing background image opacity in one div [duplicate]

【发布时间】：2016-04-27 19:11:14

【问题描述】：

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

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

【问题讨论】：

我们能有更多的代码 html/css、需要的结构以及应该看透的内容吗？选项可能是可用的（伪，背景混合模式，插入框阴影，...）

【参考方案1】：

如果你想要这个，那么你必须将图像更改为 PNG 宽度的透明图像

或

你可以拿一个div，里面有position: absolute；在与header-container 具有相同高度的header-container 之前，然后应用background-image 和opacity: 0.2; filter: alpha(opacity=20);

希望对你有帮助。