如何使标题图像更暗

Question

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

jsfiddle.net/dg3h4k4j/

Answer 1

您正在发生的事情是您的.header css类正在应用于您的h1元素。解决这个问题的一种方法是将标题和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。我希望这能帮助你好运！