响应背景问题

时间:2015-06-12 20:09:14

标签: javascript css background

我试图让顶部栏中的模式重复,我希望它具有响应性,因此在多个窗口大小中大小保持不变。 我在链接中添加了所有代码。 http://www.codecademy.com/harmjanfl/codebits/ny7bes 我以为我可能需要添加一些javascript,但我对此很新:D。 如果您需要了解我,请询问。 非常感谢!

1 个答案:

答案 0 :(得分:0)

您需要从.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;
}