我使用了Roman下面提出的解决方案,基于添加额外的DIV与位置：绝对,我在IE7,IE8,IE9,Chrome和Firefox中测试它似乎工作正常！
因此布局现在有3个完整的背景图像(我需要的是什么),甚至你可以使用BODY bg照顾它将被切断到浏览器的视口高度(在某些情况下仍然有用),“三和和一半“bg图像与”粘性页脚“:)
唯一的缺点我发现#footerContent中的链接不是“可点击的”,我用position：相对于这个容器解决了它.
我对我提供的示例进行了更改,并将其上传到我的DropBox,以防其他人发现它有用.
谢谢大家的答案.
http://dl.dropbox.com/u/512412/html_stackoverflow_solution.rar
我上传了
我正在为一个网站构建一个非常复杂的布局,我需要有3个背景图像来覆盖网页的背景.所以我有一个HTML风格,一个是BODY风格,最后一个是DIV,它是所有网页元素的容器(#contenedor)
我也唱了一个“粘性页脚”技术,让页脚“粘在”页面的底部,“主要内容”区域中的内容很少.
我遇到的问题是BODY bg图像被切断到Web浏览器的视口,我的意思是,它不会重复 – 在页面加载时显示的可见区域下方,并且内容为“高”足以使网页滚动.
我到现在为止尝试了什么：
>添加一个额外的容器DIV围绕所有(对我来说没问题),但这样做它破坏了“粘性页脚”(也许我找不到正确的方法来做它…我不知道).
>使用以下方法强制BODY与HTML一样高：
html>body {
min-height:100%;
height:auto;
height:100%; }
这解决了BODY问题,图像重复,但这也打破了“粘性页脚”……
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
