高位页脚后面的黑色CSS背景

问题描述：

我有一个设置高度页脚div，填满屏幕底部，宽度为100px，黑色背景位于身体后面。有几页内容不多。页脚抬起页面，因为它具有固定的高度，在页脚下可以看到身体BG图像。我将如何使用CSS来确保抬起的页脚下面的整个屏幕是黑色的，而不必扩展页脚div的设置高度？高位页脚后面的黑色CSS背景

显示一些代码也许？ – Jakub 2012-04-25 19:32:37

代码太多的文件..继承人链接： http://projects.snowshtechnologies.com/golden _dragon/profiles/ – Nick 2012-04-25 19:34:06

答

你可以给“最小高度”所连结的网页。所以，虽然含量少，页脚将same.Since内容区域具有“最小高度”

你可以看看here为“最小高度”

这里是示例代码;

.content { 
    min-height: 600px; 
}

这就是需要一些JS来确定屏幕分辨率....必须有一种方法来填充到屏幕的底部。一直在尝试：在 – Nick 2012-04-25 19:45:22

答

有一些已发布的解决方案。它们的核心似乎都将最低高度（包括IE的早期版本的一些黑客）应用于封装所有非页脚内容并具有等于页脚高度的填充的块级元素。页脚则有其高度和负边距明确设置（以相同的值作为包装的底部填充从the CSS Sticky Footer solution

代码示例

HTML：。

<body> 
    <!--[if !IE 7]> 
     <style type="text/css"> 
      #wrap {display:table;height:100%} 
     </style> 
    <![endif]--> 

    <div id="wrap"> 
     <div id="main"> 
     </div> 
    </div> 

    <div id="footer"> 
    </div> 
</body>

CSS：

html, body {height: 100%;} 

#wrap {min-height: 100%;} 

#main {overflow:auto; 
    padding-bottom: 150px;} /* must be same height as the footer */ 

#footer {position: relative; 
    margin-top: -150px; /* negative value of footer height */ 
    height: 150px; 
    clear:both;} 

/*Opera Fix*/ 
body:before { 
    content:""; 
    height:100%; 
    float:left; 
    width:0; 
    margin-top:-32767px;/ 
}

后我不想让页脚变得粘稠，相反，我们很高兴它能够移动到高位，但页脚下方的背景需要填充黑色。 – Nick 2012-04-25 19:54:19

高位页脚后面的黑色CSS背景

相关推荐