Tumblr主要内容重叠固定页脚

Question

我对Tumblr很新，我在Tumblr页面添加了一小段代码，将流媒体广播电台嵌入到页面中。我试图做的是使页脚与页脚重叠页面的无限滚动图像/内容 <div class='footer'></div>

在<style>标签中我放了：

  .footer {
            z-index:-1;
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: thin solid white;
            background-color: #000;
          }

主要内容如何仍然超过了<div class='footer'>我投入的内容。 页脚确实保留在页面底部并延伸页面的整个长度。

我尝试将z-index: 1;用于CSS，但仍然保持不变。

有任何想法如何强制Tumblr内容在这个DIV后面，以便它滚动到它后面或者我可以改变一些编码来改变主要内容滚动的高度，以便它不会到达页面的底部吗？