Проблема CEF background-image неправильно отображается в игре

[mp.flow]

Тут 3 картинки, сделаны так:

<div class="image image-point1"></div>

.listBox .image {
    position: absolute;
    height: 29vh;
    width: 35vh; }

.listBox .image-point1 {
    background: url("../images/Point1.jpg") no-repeat center center fixed;
    background-size: cover; }

.listBox .image-point2 {
    background: url("../images/Point2.jpg") no-repeat center center fixed;
    background-size: cover; }

.listBox .image-point3 {
    background: url("../images/Point3.jpg") no-repeat center center fixed;
    background-size: cover; }

Отображаются так в браузере:

https://imgur.com/3eEZBH7

И так в игре:

https://imgur.com/NZX8JZn

 

[Mercury_One]

Если ты хочешь, чтобы твоё абсолютное позиционирование работало относительно родительского элемента, а не относительно экрана, вешай на родительский элемент - position: relative;

А вообще для таких моментов есть cef-debug.

 

[mp.flow]

Если ты хочешь, чтобы твоё абсолютное позиционирование работало относительно родительского элемента, а не относительно экрана, вешай на родительский элемент - position: relative;

А вообще для таких моментов есть cef-debug.

Спасибо

 

[NKondr]

https://codepen.io/nikakondr/pen/QWmzQzM

Протестируй, должно нормально отображаться.