This is a mobile optimized page that loads fast, if you want to load the real page, click this text.

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

mp.flow

Участник портала
9 Май 2022
39
11
68
Тут 3 картинки, сделаны так:
HTML:
<div class="image image-point1"></div>
CSS:
.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; }


Отображаются так в браузере: (http://imgur.com/3eEZBH7) И так в игре: (http://imgur.com/NZX8JZn)
 

Mercury_One

Участник портала
BackEnd developer
11 Фев 2021
38
19
82
Если ты хочешь, чтобы твоё абсолютное позиционирование работало относительно родительского элемента, а не относительно экрана, вешай на родительский элемент - position: relative;

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

mp.flow

Участник портала
9 Май 2022
39
11
68
Спасибо