css - 两个不同颜色的单独 CSS 样式背景图像

Question

所以目前，我有两种风格。

    .wrapper-style1
{
    background-image:url(../images/river.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    color: #eee;
    color: rgba(255,255,255,0.75);
}

    .wrapper-style1 .title
    {
        background-image:url(../images/river.jpg);
        color: #fff;
    }

我的问题是由于某种原因颜色在背景中似乎不匹配。

wrapper-style1 很好，但 wrapper-style1 .title 似乎更暗 =S

有什么建议吗？

网站是：www.s1magazine.co.uk

“关于 S1”的背景应该与它下面的背景颜色相同。

Answer 1

我做了一个截图并从大约 s1 复制了一部分并将其复制到另一部分之上。它是完全相同的图像。所以需要调整背景位置

 background-position: top center;