css – 无法显示的响应式站点中的部分的背景图像

基本上我是第一次在HTML5中构建一个响应式网站,并说我有很多麻烦将是一个声明.无论如何,我现在坚持的一个问题是我无法弄清楚如何获得我需要的横幅部分显示的图像！

这就是我想要实现的目标：

但我不能让波形图像显示而不把它内联,我不想做,因为它需要响应！？

到目前为止这是我的HTML代码：

logo -->


这是css：

.container {
width:auto;
margin: 0 auto;
position:relative;
}
.banner {
background-image: url(../img/banner-lg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
如果有人有任何他们认为可能有帮助的意见,那将非常感激！我真的不明白为什么背景图像一旦在CSS中设置就不会出现！当我有一个滑块到位时它工作正常,但一旦我删除滑块,然后去静态图像,它不再出现>


最佳答案
在html文件中使用它.