Post

@jensimmons.bsky.social @saron.bsky.social @jondavis.bsky.social I'm running into an issue with webkit on iOS 26, trying to have a fixed image behind the whole page. The status bar and address bar always turn opaque and there doesn't seem to be any way to position a fixed element behind them.

Violet

@violetro.se

I am using `viewport-fit=cover` which, to me, should opt-out my website from these behaviors, as I am explicitly saying "please layout my site behind the browser chrome and system notches, and let me deal with ensuring my content is not obscured." I'll try to get gifs showing the desired effect.

9/4/26, 8:15 pm0 reposts0 likes

Jon Davis

@jondavis.bsky.social

11 Apr

I’m happy to look into it and help. Do you have a demo of it I can access and inspect?

Violet

@violetro.se

13 Apr

violetro.se/demos/ios26-... I was able to test on iOS 26 with this. Source available at github.com/6TELOIV/viol...

violetro.sevioletro.seThe gradient background should stay fixed, while the rest of the page scrolls in front of it.

Violet

@violetro.se

13 Apr

Basically, I'm looking for a way to display a fixed position element behind the floating browser chrome, but from my testing it seems like fixed position elements cause the browser chrome to have an opaque background.

Violet

@violetro.se

13 Apr

Here's how it looks on my device. My desire is for the fixed position gradient to display behind the URL and the system status bar.