我有一个奇怪的背景我试图找出最好的方式来设计它。
因此，背景图像有两个部分，顶部具有独特的水平和垂直设计（大约1024x700），然后底部具有水平的独特风格，但可以垂直重复。 （1024 x 1）
现在我的顶部是标题的背景图片，问题是它让我搞砸了所有页面内容的样式，因为它太大了！
在HTML和CSS中编写两段背景的最佳方法是什么？
页面布局如下：
div容器
- ＆GT; div标题
- ＆GT; div内容
div footer
我当然可以改变它......
谢谢！
凯文
答案 0 :(得分：2)
如果我理解你，这可能是一个解决方案：
对于底部，只需将您的1px图像的repeat-x应用于正文背景
对于顶部部分，请使用以下方式设置主容器div：
宽度：100％; background：url（'your-image.jpg'）center;
请注意：未测试
答案 1 :(得分：1)
答案 2 :(得分：1)
好吧，停在页脚是困难的部分。通常对于这种类型的事情，我会做类似的事情：
html {background: SOMECOLOR url(path/to/y/repeater.jpg) repeat-y scroll top center;}
body {background: transparent url(path/to/static.jpg) no-repeat scroll top center;}