页脚背景图像css_Css_Xhtml_Footer

页脚背景图像css

css

页脚背景图像css,css,xhtml,footer,Css,Xhtml,Footer,你好，当我调整浏览器大小时，我的页脚图像没有拉伸，这是一个问题。我试着使用粘脚，但我认为它不起作用我使用960网格作为我的布局，所以我必须创建一个不同的div来包装我的页脚背景，以便它在浏览器中运行由于某些原因，当我拉伸浏览器时，背景图像底部（页脚部分）有一个空白我的xhtml是这样的。。请随时在此处预览我的网站： CSS: #页脚背景{ 背景：url（“../images/footer_bg.jpg”）重复；最小高度：150px；宽度：100%；位置：固定；溢出：隐藏；明

你好，当我调整浏览器大小时，我的页脚图像没有拉伸，这是一个问题。我试着使用粘脚，但我认为它不起作用

我使用960网格作为我的布局，所以我必须创建一个不同的div来包装我的页脚背景，以便它在浏览器中运行

由于某些原因，当我拉伸浏览器时，背景图像底部（页脚部分）有一个空白

我的xhtml是这样的。。请随时在此处预览我的网站：


CSS:
#页脚背景{
背景：url（“../images/footer_bg.jpg”）重复；
最小高度：150px；
宽度：100%；
位置：固定；
溢出：隐藏；
明确：两者皆有；
}
#页脚{
填充：30px0；
}

我非常感谢你的帮助

谢谢。

你可以做的就是把背景图像放在你的身体上，让其他元素都有它们的背景

车身宽度应为100%，高度应为100%

因此，现在您的背景将占据其他部门未涵盖的所有页面。

谢谢。。。这样行吗？谢谢，我想到目前为止它还在工作。。。我还有很长的路要走（创建子页面，即测试），非常感谢！

<body>
    <div id="container">
        <div id="contentMainBackground"></div> <!-- background image for content */
             <div id="contentMain" class="container_12"></div>

    </div><!-- end of container -->         

    <div id="footerMainBackground"></div><!-- background image for footerMainBackground -->
         <div id="footer" class="container_12"></div>


CSS:
    #footerMainBackground {
        background:url("../images/footer_bg.jpg") repeat;
        min-height:150px;
        width:100%;
        position:fixed;
        overflow:hidden;
        clear:both;
    }
        #footer {
        padding:30px 0 0 0;
        }