Html 我怎么能有一个没有回应的背景？

我有两张背景图片：

• 图1：蓝色的（png文件）
• 图2：红色的（png.file）

在1600px屏幕中，我想要：

在768px屏幕中，我想要：

我已经完成了以下代码：

HTML:

<div class="container-full bg">
<div class="container">
   <div>My content....</div>
</div>
</div>

但是我没有得到我想要的行为，你能帮我吗

---

谢谢您

bg类内部请根据您的要求处理背景图像560px

.bg{
背景图片：url（assets/images/bg red.png）560px顶部，url（assets/images/bg blue.png）；
背景重复：无重复；
填充顶部：40px；
填充底部：60px；
背景重复：无重复；}

我的内容。。。。

您的蓝色是单色，为什么要为该部分使用图像？您只需设置背景色：#3F48CC；然后从那里开始处理红色部分。@Sivak红色背景是一个径向渐变，我刚才举了一个红色的例子，它不处理背景色，我的问题是定位我明白了。与其使用同一个标签，不如在两者之间添加一个额外的标签，然后分别处理部件？类似于div class=“bg1”的蓝色和div class=“bg2”的红色。@Sivak我得到了与图片一相同的结果，当我调整屏幕大小时，我没有得到我想要的（参见图片二）：（默认情况下，背景img是有响应的，我不想让它们有响应，你明白我的意思吗？请看两张图片当我添加此项时，两个背景消失：（，我希望背景必须没有响应，但两个图像消失？或者只有一个图像消失？

.bg {
 background-image: url(assets/images/bg-red.png), url(assets/images/bg-blue.png);
 background-repeat: no-repeat;
 padding-top: 40px;
 padding-bottom: 60px;
 background-repeat: no-repeat;}