页脚扩展颜色css

我遇到了最后一分钟更改请求的问题，基本上客户端决定更改页脚颜色，我无法找到可行的解决方案在大屏幕上显示并在不切割颜色和回到身体的颜色。页脚扩展颜色css

我觉得做的事情增加推类，但是我打破了该网站的响应，我将不胜感激对此有何建议。我正在寻找不要将html或body颜色更改为白色，我想使它保持原样。

先进的感谢。

2012-04-12 andresmijares25

该网站看起来不错。

不幸的是，我不认为你可以改变页脚背景颜色和下面的所有内容，而不必更改主体颜色，只需添加一个在标题TAG之前开始的包装，就可以轻松解决问题。在页脚标签之前结束。

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

我知道这是要你想避免，但我不认为有任何“更好”的解决方案，任何其他解决方案将意味着JavaScript来让页脚成长，这是不是很好：P

祝你好运

来源

2012-04-12 17:50:44 tabris

不幸的是我已经有身体，也与其他纹理损害的HTML标签，是不可能为我改变，我尝试还加入了新的div作为你说但不工作，可能是我有一个div关闭洞模板中的某个地方正在杀死它 – andresmijares25 2012-04-13 15:48:03

所以基本上你的目标是确保整个页脚区域（从页脚顶部到窗口底部）都是白色的？

如果这就是你要做的，那么恐怕改变<body>真的是你最好的选择（你应该总是假定<body>将会指定页脚背景）。

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

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

是这样的...

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

来源

2012-04-12 17:53:18

不幸的是，我已经有了身体，并且还有其他纹理损坏的html标签，我不可能改变它，我尝试也添加一个新的div作为tabris说，但不工作， – andresmijares25 2012-04-13 15:47:18

不幸的是，这是真正的你唯一的选择，因为DOM元素向上崩溃，有CSS中没有'height：fill'属性。如果你根本不能改变你的结构，那么你可以调整设计，使页脚看起来像一个水平*带*，或者你可以给页脚一个“固定”或“绝对”的位置。如果您选择固定或绝对定位的页脚，我建议您使用CSS媒体查询将其更改为“位置：相对”（较小的屏幕尺寸）（以便您的网站在移动设备和较小的屏幕上保持可用状态）。 – 2012-04-13 20:34:01

页脚扩展颜色css

回答

相关问题