CODEWITHSUNDEEP
cssgoogle-chromez-index
Testil Testilsson
Testil Testilsson

Reputation: 71

Z-index rendering bug in Chrome 19?

I have a dropdown menu on a site that was displaying correctly in all browsers including Chrome up until recently. Now in Chrome 19 it is rendered behind another element even though they both have positioning and the menu has the higher z-index.

See image of top right corner:

enter image description here

And here is the site: http://www.mediaplanet.com/international/

Is this a rendering bug or is something wrong with my code?

Upvotes: 6

Views: 3444

Answers (1)

Zach Reed
Zach Reed

Reputation: 683

In your style.css stylesheet, set a z-index of 9999 to #header .row and that should do it.

Currently it is:

#header .row {
  position: relative;
  overflow: visible;
}

It works for me in Chrome 19 if you change it to:

#header .row {
  position: relative;
  overflow: visible;
  z-index: 99999;
}

That should do the trick! :)

Upvotes: 4

Related Questions