Css 如何使标题图像更暗

我是html新手，目前正在尝试将背景亮度切换到0.5，但不知何故，文本也会受到影响。 这里有人能解决这个问题吗

jsfiddle.net/dg3h4k4j/

---

您好，现在发生的事情是您的

.header

css类正在应用于您的h1元素。解决这一问题的一种方法是将标题和h1标签放在单独的div中，然后再重叠

像这样：

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

---

这是一份完整的报告。我希望这有助于你好运

非常感谢！！我写了一些关于立场的东西：绝对的；但我不知道我还必须添加top:0px。很高兴能帮上忙，如果它起作用，别忘了将其标记为答案。嘿，伙计，现在我遇到了一个问题，我不能正确使用导航栏。我只能将鼠标悬停在一个部分上。这是因为h1标记与导航栏重叠，以修复此问题。请更改h1标记的css中的线条高度，并更新标题css。我已经更新了我的JSFIDLE，所以你可以理解我的意思。

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