background-attachment:fixed still not supported?

Safari & Web General
FrankieGTH OP
Created Apr ’18
Replies 30
Boosts 6
Views 32k
Participants 34

Every now and then I need to make a website. And I noted in my last project that 

background-attachment:fixed;

is still not supported by iOS. It is by Safari on MacBooks, so I'm wondering what the story behind it is? Surely it is not a matter of computational cost due to the so-called repainting of the browser's canvas? Because doesn't playing video cost a multitude of that?
Replies  30
Boosts  6
Views  32k
Participants  34
FrankieGTH OP
May ’18

Nobody? Not even someone from Apple? Do Apple people participate in this forum at all?

1
Tremok OP
Jun ’19

Hey!

I'm not shure but i read in ohter sites, the reazon why isn't work is because apparently it costs a lot to mobile browsers, so it's been disabled.


I found this link
https://css-tricks.com/forums/topic/background-attachmentfixed-not-working-on-mobile/

1
StefanGentz OP
Nov ’20
I also stumbled across that today. Even on latest iOS as of today (14.1) background-attachment:fixed; still does not work.
And computational cost is for sure not an issue any more. Hey, isn't marketing the iPhone 12 Pro is faster than most desktop PCs?
This is just a tech dept from first iPhone generations and should get fixed asap, Apple!
3
MikeyMondy OP
Apr ’21
As of 2021 with the 14X ready to release with similar power to M1, this is still an issue. Apple, please fix this.
2
algreen OP
Jul ’21

Why do iphones cost the earth if they can't even support CSS from 10 years ago?

2
DrewAdesign OP
Jul ’21

Come on. Seriously.

1
francorisso OP
Aug ’21

so iPhone 12 can render AR but not an image in the background :D

2
BirdDigital OP
Sep ’21

Come on APPLE! We're building stuff here with animations that require this. Just enable it already so we can use it and build awesome stuff.

1
davebrogan OP
Sep ’21

Just need to simply attach a non-scrolling background and have knockout svg scroll over the top of it. Shocked that it's not working because Apple is not supporting it. This feels like the old days with IE.

1
sergiofores1 OP
Nov ’21

Please apple, fix this problem. Come on... It is ridiculous

0
Beaumont OP
Dec ’21

I have just came across this issue while I was creating a landing page for my project. Kept scratching my head on why my iPhone couldn't render fixed background attachment while my Android phone could.

Turns out Apple does not support this feature...

Why? Just why???

0
dominmax OP
Jan ’22

Another voice from Poland. We also need this primary css style: fixed background image. I thought that IE6 was poor in css. Today the winner is iPhone's browser. So disappointed...

0
Shanti108 OP
Jan ’22

This is ABSURD! So, now I have to go an edit my mobile settings for a background that will display properly on Apple devices, and lose a significant level of my design impact, even tho it displays fine on other devices... shameful! For the amount of $$$ we pay for these phones and the extent of the development behind all their boasted performance, this is pathetic. Total amateur hour! APPLE - please get with the program on this!!!!

0
CPLX OP
Jan ’22

Bueller?

0
a_durham OP
Jan ’22

Hey, I'm having this issue as well. The most perplexing part to me, is that it works on one of my apps, and not another.

fixed bg attachment works on mobile (iphone 13pro) here: https://blog-next-js-sigma.vercel.app/

yet it does not work for another app i'm working on. I'm a fairly new developer and I built that by following this tutorial: https://www.youtube.com/watch?v=HYv55DhgTuA&ab_channel=JavaScriptMastery

i definitely slowed it down by adding a backdrop blur to all my translucent components... but bg attachment fixed works. there is a link to the tutorial github on their youtube page

0
background-attachment:fixed still not supported?
First post date Last post date
 
 
Q