Search code examples
cssbackground-imagefixedcover

Background Cover Not Working on Samsung Internet


Hellow there!

I have a css code like this. It correctly works in desktop browsers and android browsers except samsung internet browser. I must make this works in all browsers. So anyone please help me.

.image-movie-fixed-01{
  Background-image: url(../img/01.jpg);
  Background-repeat: no-repeat;
  Background-position: center center;
  
  Background-attachment: fixed;
  Background-size: cover;
}

Solution

  • At present, you cannot.

    According to CanIUse.com, the Samsung Internet browser, version 12.x, does not support background-attachment: fixed.

    https://caniuse.com/background-attachment


    As for why it isn't supported, I speculate it's by-design:

    • I believe it's disabled to improve battery-life on browsers because fixed backgrounds are expensive to repaint when scrolling.
    • background-attachment: fixed dates back to CSS 1.0 in 1996. This is not a new feature that Samsung's developers simply haven't gotten around to implementing.
    • Samsung Internet is based on Chromium, so it inherits all of Chromium's features.