Folks, this works perfectly in Firefox where opening the account menu and clicking Preferences opens the preferences overlay on top of the account menu.
has this css defining the z-index
(note that we have to have z-indexes ridiculously high so they open over the top of banner adverts)
The xenOverlay div in Firefox has a z-index set in the element style of:
so it opens on top of the menu.
Whereas in Chrome the css which influences the z-index is different:
and the element style of the xenOverlay is also different:
All of which means that in Chrome the xenOverlay is underneath the menu.
What the hell is going on?!!
Code:
<div id="AccountMenu"...
Code:
#AccountMenu, #ConversationsMenu, #AlertsMenu {
z-index: 8000000;
}
The xenOverlay div in Firefox has a z-index set in the element style of:
Code:
<div class="xenOverlay" style="z-index: 10000000;
Whereas in Chrome the css which influences the z-index is different:
Code:
.Menu {
-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0 5px 5px;
border:3px solid #9D2362;
box-shadow:rgba(0, 0, 0, 0.298039) 0 5px 5px;
display:none;
font-size:13px;
min-width:200px;
overflow:hidden;
position:absolute;
z-index:5999999;
}
Code:
<divclass="xenOverlay" style="display: block; z-index: 9999; ...
What the hell is going on?!!