Есть ли правильный способ использовать элемент холста в качестве фиксированного фона? - PullRequest
0 голосов
/ 16 июня 2020

Я хотел бы создать прокручиваемый веб-сайт с элементом холста (с содержанием фреймворка 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;   
}
}

, который, однако, не работает с элементом холста, особенно потому, что фазер ищет родительский идентификатор, к которому он будет прикреплен.

Есть предложения по этому поводу? Спасибо!

...