The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Background-attachment: fixed not working in chrome Reply To: Background-attachment: fixed not working in chrome


Disabled my off-canvas nav which has backface-visibility: hidden and works. Any idea how to get these to play nicely?

It’s a known bug in webkit with backface-visibility (and transforms) and any ‘fixed’ element that has a parent with the backface-visibility property applied will lose its fixed position. There seems to be no fix except to remove the fixed positioned element from that context.

Usually with fixed elements this is not a problem because they can be anywhere in the html as they are placed relative to the viewport. It may not be so easy though if you are applying the fixed background to a div in the normal flow as you probably want that div in the flow at the position it currently occupies. However without seeing your html or a demo its hard to say whether the fix is possible.