Google Chrome not respecting z-index

Viewed 35985

As per the title, it seems only Chrome isn't playign along. Note that form fields cannot be clicked on which are on the left portion of the screen. This only occurs on some pages (such as the Contact page). It appears that the #left_outer div is overlaying the content. When I edit the css via Firebug or Chrome's dev toools, it works, when I edit the actual css and refresh, it does not.

Any ideas?

LINK:

Thanks!

6 Answers

Google Chrome to 84.0.4147.135 (Official Build) (64-bit) 2020-02-22.

Since my last update, CSS element z-index is broken in Chrome.

Chrome added "z-index: 1;" to the BODY element.

It now wrongly displays all z-index: ?; values in the BODY child elements.

Setting the position, z-index of BODY does not solve the problem. Changing z-index values of child elements that were already correct does not help.

I hope this issue will be fixed, it is only broken since I updated Chrome.

Chrome 84.0.4147.135 bug on www.eatme.pro/music - screen smaller than 500 px - push play - appearing bottom bar #lblBottomBarLink with z-index 5 is displayed under menu with z-index 2

(see image)

image eatme.pro/music in Chrome 84.0.4147.135 with z-index 5 under z-index 2

Related