Every now and then I need to make a website. And I noted in my last project that
background-attachment:fixed;Nobody? Not even someone from Apple? Do Apple people participate in this forum at all?
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/
Why do iphones cost the earth if they can't even support CSS from 10 years ago?
Come on. Seriously.
so iPhone 12 can render AR but not an image in the background :D
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.
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.
Please apple, fix this problem. Come on... It is ridiculous
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???
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...
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!!!!
Bueller?
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
Apple decided fixed background is not the vibe. That's all. Apple is god remember it
Apple is just plain stupid regarding web development, it's a ******* stone in front of the progress lol. I will never buy any of their products again.
Come on Apple! This is so basic... please don't become the new IE.
This absolutely needs to be fixed and it's so ridiculous that Apple still hasn't done it, but I came across a decent workaround if anyone can't wait for Tim Apple to wave a magic pencil:
https://codepen.io/callumfindlay/pen/VaYeoW
2022 and this basic property still not supported
As long as the background property fixed value is not supported and might not be supported in the future at all, I have a massive problems to apply the background using CSS background property anyway. I'm building WP custom theme and all images inserted by background property are not visible on iOS devices.
Is this normal? I have opened the thread here https://stackoverflow.com/questions/72633738 but no one knows why this is not working.
My background is inserted like this:
`.services {
position: relative;
background-image: url(https://exp-theme.local/wp-content/themes/exp-theme/img/brick-wall-mobile.jpg);
background-position: right;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}`
Exactly the same story is with .svg icons they are not clickable on iOS devices, I must use .png instead otherwise users are not able to click on them.
I hear a lot of people complaining about how this is apples fault but it is not it is disabled for a good reason page speed of websites. When you make a website you want your end users to to see your website as fast as possible but if you use your background-attachment fixed you make that container re-render the image every time you scroll because of this mobile devices deactivate this feature on all devices. think about your end users when making a website.
It's 2023 and iphones are capable of loading insanely heavy page loads with loads of modern animations: but, Apple still cannot load a simple fixed background image properly.
That's really insulting to your customers Apple, especially your developer customers that are capable of understanding how absurd your stated reasoning is.
Apple it's getting pathetic at this point. I'm actually having to add hacky code to my CSS just to avoid this issue. Please fix this for crying out loud!
Lo curioso es que las paginas webs desarrolladas en Wix, si permiten el fondo fijo ¿por qué?
