javascript - 响应式背景问题

Question

我正在尝试让顶部栏中的图案重复，我想让它响应，所以尺寸在多个窗口尺寸中保持不变。我在链接中添加了所有代码。 http://www.codecademy.com/harmjanfl/codebits/ny7bes我想我可能需要添加一些 javascript，但我对此很陌生:D。如果有什么你需要了解我，请问。非常感谢!

Answer 1

您需要从 .boven 元素中删除“background-size: cover”以使背景保持其大小。

改变这个:

.boven {
     background: #202024 url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/uber/black-thread.png');
     background-repeat: repeat;
    width: 
     -webkit-background-size: cover;
        -moz-background-size: cover;
         -o-background-size: cover;
             background-size: cover;
}

到:

.boven {
     background: #202024 url('http://s3.amazonaws.com/codecademy-  content/courses/ltp2/img/uber/black-thread.png');
     background-repeat: repeat;
}