Question

我有两种颜色切成两半的背景。该页面有粘性页脚。

有没有更好的方法可以做到这一点，仍然保持粘性页脚？我做了一些研究，但这都影响了粘性页脚。

* {margin:0;}
html {position: relative; min-height: 100%; background:#F6E038;}

body {margin: 0 0 100px;}/* bottom = footer height */
.footer{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%; background:gray;
    }

<body>
<div id="container"></div>
<div class="footer"></div>
</body>

Answer 1

您可以在body和contains之间添加div。这项工作非常顺利。

#red{position:fixed; background:red; width:50%; height:100%; z-index:-1}

<div id="red"></div>

CSS背景一半

1 个答案: