html - x 重复背景图像未完全展开

Question

我现在花了几个小时尝试不同的事情来弄清楚如何在 css 中获取 2 个背景图像以扩展页面的整个宽度。

该网站在这里：http ://res-intel.com

我知道在#main 中定义宽度不会让它扩展。但是我想不出解决方案。我认为身体应该工作！我能做些什么？

太感谢了！

相关的CSS代码是：

body {
background-image:url('http://res-intel.com/images/headerbg.jpg') repeat-x top right;
margin:auto;
padding:0;
text-align: center;
font-family:arial;
}

#main {
background: url('http://res-intel.com/images/contentbg.jpg');
background-repeat:repeat-x;
width:904px; 
text-align:left;
}

Answer 1

你有语法错误。您不能为背景图像添加重复 x 和位置属性。您需要使用类似背景而不是背景图像。如下所示更新您的 CSS。

 body {
  background:url('http://res-intel.com/images/headerbg.jpg') repeat-x top right;
  margin:auto;
  padding:0;
  text-align: center;
  font-family:arial;
 }