S
S
Sanyok2015-10-24 23:33:59
css
Sanyok, 2015-10-24 23:33:59

Position fixed and background-position fixed conflict in Opera, why?

In general, the humor is as follows: I have two fixed backgrounds on the one-page, one in khedar - the usual card is set like this:

.head-section {
  background:transparent url('../images/head-background.jpg') no-repeat top center fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
}

second, the video background is placed via html in the middle of the page, with these styles:
.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;
  }
}

Attention question: What hrn, in Opera, the picture in hedar behaves like a static and not like a fixed one?
What I tried : adding position relat and static to the head, does not heal!
Heals : if in body add:
backface-visibility: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
but at the same time, the second video backgrd is irretrievably gone!
someone knows, please help)

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question