背景圖片未擴展到頁面底部
[英]Background image not extending to bottom of page
問題描述
我正在我的網站上處理一個包含大量數據的頁面，因此該頁面確實很長。 該頁面由主體的背景圖像和帶有背景圖像的容器組成，兩者均在頁面的整個長度上運行（不是上邊距或下邊距，也沒有上邊距或下邊距）。 我遇到了背景圖片的問題：它們在某些分辨率下沒有擴展到頁面底部。 我編寫的屏幕為1680像素寬，目前兩個背景圖像一直延伸到底部。 但是，當我在分辨率較低的屏幕（例如1280像素寬的屏幕）上查看頁面時，背景圖像不會一直延伸到底部。
我正在使用XHTML 1.0 Strict。
以下是相關的HTML代碼：
<body class="ice01">
<div id="maincontent2">
<!-- content -->
</div>
</body>
以下是相關的CSS代碼：
.ice01 {
background-image: url('../images/iceBackground04.jpg') ;
margin: 0 100px;
font-family: book antiqua;
font-size: 19px;
color: #12124c;}
#maincontent {
width: 88%;
background-image: url(../Images/BlueParchment.jpg);
margin: 0px auto;
padding: 0px 32px 0px 32px;}
如果我調整窗口大小，也會出現此問題。 另外，如果我取出背景圖像並用顏色替換它們，這個問題就消失了。 我嘗試使用后退速記（ background: #0000ff url('../images/iceBackground04.jpg') repeat 0 0; ），但這不能解決問題。
我嘗試使用min-height: 100%; 對他們兩個，它不能解決問題。 我還通過W3C驗證了該網頁，並且所有網頁都已簽出，因此我認為它不是由任何丟失/未關閉的標簽引起的。
這是相關頁面的網址： http : //icengale.com/icenDeities-Mainen.html
我正在使用“重置”的css文件，但是刪除該文件不能解決問題，因此我不認為這是導致問題的原因。
非常感謝您的任何幫助！
1 個解決方案
解決方案1
0 2013-07-03 04:56:27
如果可行，請嘗試以下CSS。
.ice01 {
background:url(../images/iceBackground04.jpg) repeat-x 0 0;
margin: 0 100px;
font-family: book antiqua;
font-size: 19px;
color: #12124c;}
#maincontent {
width: 88%;
background:url(../images/BlueParchment.jpg) repeat-x 0 0;
margin: 0px auto;
padding: 0px 32px 0px 32px;}
背景圖像沒有延伸到窗口的底部
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.