“position: fixed” div is not fixed when parent rotates or translates

A div with "position: fixed" is embedded into a parent div. When the parent rotates or translates, the child div moves also.

Is it a bug? I expected the child div to remain fixed.

HTML snippet:

 <div id="mask">
    <div id="page">

See a repro at: http://jsfiddle.net/PseKK/

I know that I can fix it by applying the reverse transformation to the child div but for performance reasons in my real scenario, I am looking for a solution that doesn't involve extra-transformation.

Any idea how to overcome?



This is a repost, the answer is located in this original question

Positions fixed doesn't work when using -webkit-transform

Unfortunately it is a bug, but there seems to be a way to get around it.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.