Исправлено вложение в CSS для Chrome 67 - PullRequest
0 голосов
/ 11 июня 2018

Привет, ребята. Я просто хотел опубликовать быстрый вопрос, касающийся любого фонового изображения параллакса, которое исчезло при обновлении chrome до новой версии 67.

В настоящее время в сети есть два исправления, которые работают.

Есть ли другие, которые могут работать лучше, и кто-нибудь может дать мне знать, почему из-за новой версии chrome 67 исчезли фиксированные фоновые изображения?

Вы можете добавить следующие свойства преобразования ниже к своему элементу, который содержит фоновое изображение с фиксированным вложением. reference (1)

yourdiv {
position:relative;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}

ИЛИ вы можете изменить положение статического элемента с фоновым фиксированным изображением. reference (2)

yourdiv {
position:static;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
}

Надеюсь, что это поможет и заранее спасибо за любые ответы.

1 Ответ

0 голосов
/ 21 июня 2018

добавить стиль

will-change: transform;
background-attachment: fixed;
...