Html 固定隐藏的页脚显示通过背景

这是我在这里的第一篇文章

我目前正在开发的网站有一个小问题。 因为我使用的是（css）视差页眉，所以我也想有一个“特殊”的页脚

这个想法是让它固定在底部，让身体先露出脚底。 问题是，我的网站是由多个部分和页脚是可见的，在他们之间

我试图通过在像这样的片段之间创建背景来解决这个问题

.background { 
 color: #f1f1f1; 
 width: 100%; 
 height: 90%; 
 z-index: -2;
}

我的页脚看起来像这样

.footer {
    padding: 40px 0;
    text-align: center;
    text-decoration: none;
    background: black;
    color: #white;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

但是无论我尝试哪个

z-index

，页脚要么完全在背景中，要么在所有东西的前面

我真的不知道我还能尝试什么

这是我的（短端）HTML正文（之前只有标题和导航栏）：

平假名

片假名


平假名
片假名
汉字

我使用所有这些PHP变量，因为我用多种语言运行这个网站

以下是没有我的“修复”的问题截图：

---

如果你愿意，我可以为你提供更多我的代码-只要告诉我你想看什么（我现在不想把这篇文章写得太长）。

你可以为

.main

定义一个白色（？）背景，并在

.main

中添加一个

边距底部

，其值等于页脚的高度。这样，页脚只有在

.main

被完全向下翻起后才可见，在定义为其页边距底部的空间中。

欢迎这样做。请带我去参观一下。如果您没有提供足够的代码来复制问题，我们将无法为您提供帮助-请参阅如何在您的HTML中创建共享。好的，谢谢。我添加了一点HTML代码。您的页脚在

之外。main

对吗？您应该能够在

.main

上添加

背景色

和一些

页边距底部

（=页脚高度），这样页脚只有在该

页边距底部

有效时才可见！谢谢

<div class="main">
    <div class="row">
        <div class="leftcolumn">

            <div class="card">
                <h1><?php echo $welcome1;?></h1>
                <h5><?php echo $post;?></h5>
                <p><?php echo $welcome2;?></p>
            </div>

            <div class="card">
                <h2>Hiragana</h2>
                <h5><?php echo $post;?></h5>
                <img src="..//nihongo/pics/hiragana.png" width="650px" height="400px">
                <p><?php echo $hira;?></p>
            </div>

            <div class="card">
                <h2>Katakana</h2>
                <h5><?php echo $post;?></h5>
                <img src="..//nihongo/pics/katakana.png" width="650px" height="400px">
                <p><?php echo $kata;?></p>
            </div>
        </div>

        <div class="rightcolumn">

            <?php include '../nihongo/php/language.php'; ?>

            <div class="card">
                <h2><?php echo $me1;?></h2>
                <img src="../nihongo/pics/me.png" width="240px" height="322px" style="border: 1px solid black;border-radius:10px;">
                <p><?php echo $me2;?></p>
            </div>

            <div class="card">
                <h3><?php echo $use;?></h3>
                <div class="fakeimg"><p>Hiragana</p></div><br/>
                <div class="fakeimg"><p>Katakana</p></div><br/>
                <div class="fakeimg"><p>Kanji</p></div><br/>
            </div>

            <?php include '../nihongo/php/follow.php';?>

        </div>
    </div>
  </div>

    <?php include '../nihongo/php/footer.php';?>

</body>