Question

因此，我有一个网站因我的主题而在手机上苦苦挣扎。这就是为什么我要调整一些东西。如图所示，我的div的左侧和右侧都有两个图像。我要删除这些图像，然后将整个div设为蓝色。这是图片： Website image

这是我的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;
    }
}

我尝试先删除背景，然后再放置一个新背景，但我似乎做得不好。这是发生了什么： enter image description here

Answer 1

.fh5co-bg-section {
   width: 95%;
   margin: auto;
   background: linear-gradient(#76baff,#76baff) center / calc(100% - 138px) 100% no-repeat 
   !important;
}

行得通吗？只是删除图像？

Answer 2

    .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;
        }
    }

删除背景并放入新的

2 个答案: