創建CSS絲帶 - 可在頁眉頁腳中複製創建不起作用

Question

下面的代碼http://jsfiddle.net/4XSjz/

我基本上覆制從h1頭，我創建它的工作原理，改變，對於在同一信息h4標記和它沒有的頁腳。是因爲我有太多元素嗎？我希望它也能堅持到底部，我已經做到了，我可以看到絲帶的邊緣不是中間部分。

感謝

PS：我才意識到我沒有背景色 - 確定這很好，那麼我想有色帶沒有切掉部分和向上重疊，不向下？

精化：確定，所以我有帶在上面的代碼，具有給定的顏色，將創建用於創建帶狀的CSS功能區中的適當的背景顏色的背景顏色。

我想要做的是保留絲帶，但本質上刪除切割三角形。然後，我想要在其最黑暗的顏色處重疊並將其放在矩形上方。

事情是這樣的：

/_/________________\_\ 
/-----------------------\ 

我希望澄清這有點

Answer 1

也許嘗試，並與.footer的CSS更換H4 - 它指的是類，而不是對象。