CSS背景全长但不是全宽

Question

在我的新网页上（http://patrick-ott.de/ - 它到了那里;），我似乎遇到了问题。在最后，有一个非黑/白版本的承诺，但它没有显示完全彩色的图像。没关系，我不希望背景在宽度上缩放（或者当显示器的分辨率超过图像的分辨率时）但我确实想看到背景的全长版本，所以基本上你可以保持滚动更长时间。关于如何做到这一点聪明的任何想法？现在，背景的CSS就像这样简单：

.colorbox {    
  background-image: url(pictures/colorbackground.jpg); 
  height: 100%; 
  width: 100%;
  position: relative; }

Answer 1

将此添加到您的CSS：

background-repeat: round round;

这应该可以解决问题。但这是CSS中一个非常新的功能，因此如果您希望用户使用IE9 +和其他现代浏览器，它将会起作用。

Answer 2

设置background-size

background-size: 100% 100%;