Html 删除背景并放置新的背景

Html 删除背景并放置新的背景,html,css,background,Html,Css,Background,因此,我有一个网站,因为我的主题在手机上挣扎。这就是为什么我要调整一些事情。我的div左右两侧有两张图片,如图所示。我想删除这些图像,只是把整个div变成蓝色。图片如下: 这是我的css: .fh5co-bg-section { width: 95%; margin: auto; background:url(../images/links.png) right repeat-y, url(../images/right.png) left repeat-y,

因此,我有一个网站,因为我的主题在手机上挣扎。这就是为什么我要调整一些事情。我的div左右两侧有两张图片,如图所示。我想删除这些图像,只是把整个div变成蓝色。图片如下:

这是我的css:

.fh5co-bg-section {
   width: 95%;
   margin: auto;
   background:url(../images/links.png) right repeat-y, 
   url(../images/right.png) left repeat-y,
   linear-gradient(#76baff,#76baff) center / calc(100% - 138px) 100% no-repeat 
   !important;
}
@media screen and (max-width: 550px) {
   .fh5co-bg-section {
      width: 100%;
      background: none;
      background-color: #76baff!important;
    }
}
我试着先删除背景,然后再放置一个新的,但我似乎做不好。这就是发生的事情:

这样行吗?只是删除图像

    .fh5co-bg-section {
       width: 95%;
       margin: auto;
       background:url(../images/links.jpg) right repeat-y, 
                  url(../images/right.jpg) left repeat-y,
                  linear-gradient(#76baff,#76baff) center / calc(100% - 138px) 100% no-repeat;
    }
    @media screen and (max-width: 550px) {
       .fh5co-bg-section {
          width:100%;
          background: #76baff;
        }
    }
    .fh5co-bg-section {
       width: 95%;
       margin: auto;
       background:url(../images/links.jpg) right repeat-y, 
                  url(../images/right.jpg) left repeat-y,
                  linear-gradient(#76baff,#76baff) center / calc(100% - 138px) 100% no-repeat;
    }
    @media screen and (max-width: 550px) {
       .fh5co-bg-section {
          width:100%;
          background: #76baff;
        }
    }