两个单独的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;