html - 覆盖背景图片

Question

我在 CSS 中有一个带有固定背景图像的页面，该页面位于内容 div 上方的单独位置。但是由于某种原因，内容 div 有一个我似乎无法摆脱的背景，因此重叠在背景图像上。

**请注意

这是html:

<div class="background"></div>
<div class="content clear"> 
    <br> 
    <br>
    <br>
        <?php 
            $section = $_GET["section"];
            if ($section == 'changePassword'){
                include "changePassword.php";
            }
        ?>
<script type="text/javascript" src="main.js"></script>
</div>

还有 CSS:

.background {
    background-image: url('../assets/19.jpg');
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 300%;
    z-index: -1;
    background-size: 100% auto;
}
.clear {
    background: transparent;
    position: initial;
}

Answer 1

为什么要为背景图片使用单独的 div？只需使用正文标签:

body {
    background-image: url('../assets/19.jpg');
}

这应该会大大简化您的 CSS，并有可能解决您的问题。