回答
該網站看起來不錯。
不幸的是,我不認爲你可以改變頁腳背景顏色和下面的所有內容,而不必更改主體顏色,只需添加一個在標題TAG之前開始的包裝,就可以輕鬆解決問題。在頁腳標籤之前結束。
<div id="wrapper">
<header>...</header>
....
</div>
<footer>...</footer>
我知道這是要你想避免,但我不認爲有任何「更好」的解決方案,任何其他解決方案將意味着JavaScript來讓頁腳成長,這是不是很好:P
祝你好運
所以基本上你的目標是確保整個頁腳區域(從頁腳頂部到窗口底部)都是白色的?
如果這就是你要做的,那麼恐怕改變<body>
真的是你最好的選擇(你應該總是假定<body>
將會指定頁腳背景)。
您需要做的是將所有以上的頁面包裝到的容器格中,然後將您的身體樣式切換到容器。好消息是,根據您的網站的模板化方式,這應該只是調整一個或兩個佈局文件的問題。
最終結果是<body>
的背景給出了頁腳延伸到窗口底部的錯覺。
是這樣的...
<body>
<div id="container">
<!-- all your stuff -->
</div><!-- #container -->
<footer>
<!--footer stuff-->
</footer>
</body>
不幸的是,我已經有了身體,並且還有其他紋理損壞的html標籤,我不可能改變它,我嘗試也添加一個新的div作爲tabris說,但不工作, – andresmijares25 2012-04-13 15:47:18
不幸的是,這是真正的你唯一的選擇,因爲DOM元素向上崩潰,有CSS中沒有'height:fill'屬性。如果你根本不能改變你的結構,那麼你可以調整設計,使頁腳看起來像一個水平*帶*,或者你可以給頁腳一個「固定」或「絕對」的位置。如果您選擇固定或絕對定位的頁腳,我建議您使用CSS媒體查詢將其更改爲「位置:相對」(較小的屏幕尺寸)(以便您的網站在移動設備和較小的屏幕上保持可用狀態)。 – 2012-04-13 20:34:01
- 1. css背景顏色擴展到文字?
- 2. 實現css頁腳顏色白色問題
- 3. 頁面上的白色div頁腳擴展,如何?
- 4. 如何擴展VS代碼顏色主題與擴展
- 5. mercurial顏色擴展的有效顏色是什麼?
- 6. Vaadin ComboBox文本顏色擴展
- 7. Bootstrap 3 - 擴展時的導航顏色
- 8. 用於.cgColor顏色的UIColor擴展?
- 9. Matplotlib顏色條擴展,顯示值
- 10. 更改元素的顏色Chrome擴展
- 11. 用某些行顏色擴展DBGrid
- 12. 字體顏色的Mathjax擴展
- 13. 新的擴展WPFToolkit顏色拾取
- 14. Chrome擴展圖標沒有顏色
- 15. 在laravel中擴展頁眉和頁腳
- 16. 將頁腳擴展爲頁面寬度
- 17. 打印頁眉和頁腳顏色?
- 18. UITableView頁眉/頁腳字體顏色
- 19. CSS將頁腳保留底部並擴展內容
- 20. CSS如何將菜單/導航的高度擴展到頁腳?
- 21. 如何更改CSS中的頁腳背景顏色?
- 22. 擴展CSS類
- 23. 類擴展CSS
- 24. 擴展div通過頁腳運行
- 25. 固定頁腳顏色不變?
- 26. 更改所選TabItem頁腳的顏色
- 27. CSS擴展背景
- 28. CSS屬性擴展
- 29. CSS改變顏色
- 30. CSS表td顏色
不幸的是我已經有身體,也與其他紋理損害的HTML標籤,是不可能爲我改變,我嘗試還加入了新的div作爲你說但不工作,可能是我有一個div關閉洞模板中的某個地方正在殺死它 – andresmijares25 2012-04-13 15:48:03