我看了几个有关在标题渐变上分层的图像的问题和答案。到目前为止，我确实发现添加如下所示的两个背景代码很有帮助，但是我遇到的问题是，我不确定如何分隔属性。我不介意渐变背景是否设置为“ cover”，但我不希望将顶部图像设置为“ cover”，因为我希望将其尺寸调整为小于标题的高度。 （我是新来的，否则我只是想澄清我过去的帖子。）
这就是我所拥有的，到目前为止，这对我还是有用的（在我的WP主题中，粘贴标题下的标题横幅）：
.sq-main-header{
background-image: url('http://www.behappystill.com/wp-content/uploads/2019/01/HeaderBannerTest2.png'), linear-gradient(133deg, rgba(246,251,177,0.8239670868347339) 1%, rgba(88,194,236,0.6362920168067228) 37%, rgba(0,133,186,1) 98%);
background-repeat: no-repeat;
background-position: top center;
padding: 137px 30;
margin-bottom: 25px;
background-size: cover;
}