Stuart Wright
Well-known member
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; ...
All of which means that in Chrome the xenOverlay is underneath the menu.
What the hell is going on?!!