Я хотел бы создать прокручиваемый веб-сайт с элементом холста (с содержанием фреймворка Phaser 3) в качестве фиксированного фона. Раньше у меня был успех с псевдоэлементом, когда я использовал простые изображения. Примерно так:
.fixed-bg_pseudo {
color: red;
padding-bottom: 4em;
overflow: hidden;
position: relative;
&::before {
content: ' ';
position: fixed;
width: 150vw;
height:190vh;
top: -20vh;
left: -20vw;
@include MQ(M) {
width: 100%;
height:100%;
top: 0;
left: 0;
}
background: url('../img/bg.png') no-repeat;
will-change: transform;
z-index: -1;
background-color:#f5e8d3;
}
}
, который, однако, не работает с элементом холста, особенно потому, что фазер ищет родительский идентификатор, к которому он будет прикреплен.
Есть предложения по этому поводу? Спасибо!