html - 缩放背景但不缩放儿童

Question

我有这个带有背景图像的 div，我想在悬停时缩放它，但我不想缩放 div 的子级。我已经尝试了很多东西，但我还没有找到解决方案.. 有人知道该怎么做吗？

我想在悬停时缩放 .bgi

div.header
{
    grid-area: header;
    overflow: hidden;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;    
}
div.bgi
{  
    background-image: url(images/office.jpg);    
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

        <div class="header bgi tint">
            <div class="logo">
                <img src="assets/images/logo.png" />
            </div>
            <a class="Links" id="link" href="/someurl.html"
                name
            </a>

        </div>

标签： htmlcss