CSS背景一半

我有兩種顏色切成兩半的背景。該頁面有粘滯的頁腳。CSS背景一半

有沒有更好的方法可以做到這一點，仍然保持粘腳？我已經做了一些研究，但它都影響粘腳。

* {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>

來源

2013-04-10 user2178521

我們可以看到一些代碼嗎？ – 2013-04-10 12:50:04

代碼代碼!!! – 2013-04-10 12:51:46

您可以簡單地在body和您的包含之間添加div。這項工作非常好。

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

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

來源

2013-04-10 12:52:04

非常感謝，它工作和簡單！ – user2178521 2013-04-10 12:59:37

CSS背景一半

回答

相關問題