Задать вопрос
@Sashochek

Конфликт position fixed и background-position fixed в Opera, почему?

Вообщем юмор таков: У меня на одностраничнике два фиксированных бекграунда, один в хедаре - обычная картанка поставлена вот так:
.head-section {
  background:transparent url('../images/head-background.jpg') no-repeat top center fixed;
  background-size: cover;
	width: 100%;
	height: 100%;
}

второй - видео бекграунд поставлен через html в середине страницы, с этими стилями:
.quotes-Section {
	width: 100%;
	height: 100%;

	.bg-video {
		position: fixed;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		z-index: -999;
	}
}

Внимание вопрос: Каково хрн, в Opera, картинка в хедаре ведет себя как статика а не как фиксированная?
Что пробовал: добавлять в хед position relat и static, не лечит!
Лечит: если в body добавить:
backface-visibility: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
но при этом безвозвратно уходит второй видео-бекгрд!
кто-че знает, please help)
  • Вопрос задан
  • 214 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы