Задать вопрос
@ArtyukhAlex
css

Почему при подключении Google maps API v3 ломаются Все элементы с background-attachment: fixed?

На сайте есть 3 элемента с background-attachment: fixed.
При подключении google карты через js эти элементы перестают обновлять позицию фона.
Если на сайте изменить хоть одно свойство css все фоны обновляются и становятся в нужные позиции, в соответствии с положением скролла.

Такой баг присутствует на хроме, опере и яндекс.браузере.
В фаерфокс и ие 11 все нормально работает
Сафари на маке не проверял.

Как я понимаю проблема с самим webkit ' ом.
Помогите, пожалуйста.

UPD: Контейнер в котором находится карта имеет position: fixed, а сама карта transform: translateZ(0px);.
Если эти свойства отключить, то фон фиксируется нормально, до того момента, пока в видимую область не попадает хотя бы 1 пиксель карты и баг возвращается, как только "отъехать" от карты обратно - фон снова отлично работает.

Если кто знает решение, подскажите, пожалуйста
  • Вопрос задан
  • 700 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@ArtyukhAlex Автор вопроса
Решение нашел с помощью множества советов о том, что карте нужно дать свойство
transform: inherit !importan;
Методом научного тыка нашел решение, прописав всем div'ам карты ( кроме тех, у которых transform: matrix( ... ) )
transform: none !important;

получился следующий код:

#map, #map > *, 
#map > .gm-style > div:not(:first-child), 
#map > .gm-style > div:not(:first-child) div, 
#map > .gm-style > div:first-child > div:nth-child(2), 
#map > .gm-style > div > div div{
	transform: none !important;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы