Question

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

我知道在#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

您有语法错误。您无法为background-image添加repeat-x和position属性。您需要使用背景而不是背景图像。像下面一样更新你的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;
 }

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

1 个答案: