背景覆盖在 Android Chrome 中损坏，在此网页中（仅？）

Question

虽然我有 css 的 background-cover 规则在 Chrome 中适用于 Android，但同样的规则在这个特定网站

奇怪的是，如果我在 Dev Tools 上粘贴相同的 background-image: url(backgrounds/landing-two.jpg); 规则，它不起作用，但如果我取消选中它（保留原始规则），那么我可以看到原始规则工作

站点是https://kuworking-theme-landing-two.netlify.com/

会发生什么？

    background-blend-mode: var(--theme-ui-colors-backgroundimg__mode,unset);
    transition: all 0.5s ease 0s;
    background-size: cover;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    justify-items: center;
    height: 100%;
    width: 100%;
    background-image: url(backgrounds/landing-two.jpg);
    background-position: center center;
    transition: opacity 0.5s ease-in 0s;
    background-repeat: no-repeat;

Answer 1

通过删除 transition: all 0.5s ease; 规则（这是在 styled-components 上下文中设置的）

背景覆盖在 Android Chrome 中损坏，在此网页中（仅？）

background-cover is broken in Android Chrome, in this web page (only?)

javascript

css

android

google-chrome

background-image