Regressed Combination of CSS perspective and z-index leads to wrong layering

Published: | Categories: CSS

Description

Firefox 46 has introduced a regression where an HTML element styled with both the perspective and z-index CSS properties is not rendered with proper layering, resulting in an invisible site navigation, for example. ESPN FC and other sites are affected. Mozilla developers are working on the solution.

Update: This bug has been fixed with Firefox 47 Beta.

References