Z-index issue on chrome mobile

Running into an issue where I have a div using a negative z-index for a fixed background image. On Chrome mobile, even though the z-index is negative, its overlapping the footer only on Chrome mobile browser. Any idea how to fix it?


I can’t see that happening in my Chrome on mobile but that is on an iphone and all browsers are just wrappers for ios anyway on that platform.

I would suggest that you move the fixed image out of its current nesting so that it is a direct child of the body. As its fixed positioned you don’t need it to be nested and it’s more robust as you won’t have to worry about transforms (and some other values) on a parent automatically creating new stacking contexts and trapping the level of the fixed element.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.