使用背景附件时图像在chrome中移位：已修复

Question

我的背景图片在带有背景附件的chrome中发生了移位：在我使用chrome时已修复……但是在Firefox中效果很好。请帮助我...

在此处输入代码

.bkimg1
{
    background-image: url('justice-league1.jpg');
    background-attachment: fixed;
    height: 100%;
    margin:0px;
    padding:0px;
    background-position:top;
    background-size: cover;
    position: relative;
    opacity: 0.8;
    background-repeat: no-repeat;   
    max-width:1100px;
}

<div class="bkimg1">
            <div class="text">
                <div class="border">
                    WELCOME EVERYONE
                </div>
                <input type="button" value="Get Started" onclick="init(),scrolldownpage('profiles')"/>
            </div>
        </div>

谢谢

Answer 1

尝试更改background-position属性。

backgroun-position: center;

请查看此链接以获取更多详细信息。 https://www.w3schools.com/cssref/pr_background-position.asp