页脚扩展颜色css

时间:2012-04-12 17:42:11

标签: css

我遇到了最后一分钟更改请求的问题,基本上客户决定改变页脚颜色,我找不到一个可行的解决方案,在大屏幕上显示并在不切割颜色和背面时将其扩展到孔位置对身体的颜色。

Website

我认为做一些添加推送类的东西,但是我打破了网站的响应性,我将不胜感激任何建议。我希望不要将html或正文颜色更改为白色,我想让它按原样运行。

先谢谢。

2 个答案:

答案 0 :(得分:0)

网站看起来很不错。

不幸的是,我不认为您可以更改页脚背景颜色及其下方的所有内容,而无需更改正文颜色,只需添加一个在标题TAG之前开始并结束的包装器即可轻松解决问题在页脚标记之前。

<div id="wrapper">
<header>...</header>
....
</div>
<footer>...</footer>

我知道这是你想要避免的,但我不认为有任何“更好”的解决方案,任何其他解决方案都会暗示Javascript使页脚增长并且它不是很好:P

祝你好运

答案 1 :(得分:0)

所以基本上你的目标是确保整个页脚区域(从页脚顶部到窗口底部)是白色的?

如果这就是你想要的,那么我担心改变<body>真的是你最好的选择(你应该总是假设<body>将指示页脚背景)。

您需要做的是将上面的所有内容包装在容器div中,然后将您的身体样式切换到容器。好消息是,根据您的网站的模板化方式,这应该是调整一个或两个布局文件的问题。

最终结果是<body>的背景给出了页脚延伸到窗口底部的错觉。

像这样...

<body>
    <div id="container">
        <!-- all your stuff -->
    </div><!-- #container -->
    <footer>
        <!--footer stuff-->
    </footer>
</body>