我正在使用960gs(在我的本地環境中),我將這個CSS代碼插入到我的頁腳div中:

## style.css

#footer{
    background:url("images/footer.png")  repeat-x scroll top transparent; 
    height: 130px; 
    width:100%; 
    overflow:hidden;
}

## footer.php

<div id="footer">   
    <div id="nav" class="container_12">  </div>
    <div id="endfooter" class="container_12">
        <div id="copyright" class="grid_3 alpha"> </div>  
        <div id="design" class="grid_3 omega">  </div>  
    </div> <!-- endfooter -->
</div> <!-- end footer -->

問題是頁面沒有以全寬顯示頁腳div，背景覆蓋了整個div。它只顯示960像素的圖像。我做錯了什么？

我花了一段時間才明白你想做什么。你正試圖得到一個背景圖像的比例，對不對？你不能這樣做，至少在CSS2中是這樣。背景圖像不縮放。您可以平鋪它們(重復)，但不能縮放它們。如果你想縮放圖像，你必須使用& ltimg & gt標簽。

如果你愿意依賴CSS3標準，你可以使用背景尺寸

#footer{
    background:url("images/footer.png")  repeat-x scroll top transparent; 
    background-size:100% 130px;
    height: 130px; 
    width:100%; 
    overflow:hidden;
}

我不能保證背景大小，但w3schools聲稱很好的瀏覽器支持。