如何使 header 图像更暗

Question

我是 html 的新手，目前正在尝试将背景亮度切换为 0.5，但不知何故文本也会受到影响。这里有人对此有任何解决方案吗？

jsfiddle.net/dg3h4k4j/

Answer 1

您好，您的 .header css class 正在应用于您的 h1 元素。解决此问题的一种方法是将您的 header 和 h1 标签放在单独的 div 中并重叠它们。

像这样：

<div id="wrapper">
    <div class="header">
    </div>   
    <div class="title">
        <h1>BFIT6A</h1>
    </div>
</div>

并将此添加到您的 css:

.title{
    position: absolute;
    left: 35%;
    top: 0px;
}

这里是完整的jsfiddle。我希望这能帮助你好运！

How to make the header image darker