It's a z-index problem. The DHTML window only has a z-index of 100, while the "MainMenu" and "MainContenido" divs have a z-index of 400 and 300 respectively. Either increase the z-index of the window or decrease the z-index of the divs.
how did you know about z-indexes values by just accessing my test website?
i'm new at this and i don't know how to set such z-indexes properties... in modal.css i have this:
- .drag-handle{ /*Overwrite default drag handle bar background color with below*/
-
background-color: #03277C;
-
}
-
-
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
-
position: absolute;
-
background: black url(blackdot.gif);
-
width: 10px;
-
left: 0;
-
top: 0;
-
z-index: 5;
-
visibility: hidden;
-
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-
opacity: 0.8;
-
}
and according to what you just said, i found this in dhtmlwindow.js:
- this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, increments whenever a window has focus
-
var t=document.getElementById(t)
-
var divs=t.getElementsByTagName("div")
-
for (var i=0; i<divs.length; i++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
-
if (/drag-/.test(divs[i].className))
-
t[divs[i].className.replace(/drag-/, "")]=divs[i] //take out the "drag-" prefix for shorter access by name
-
}
-
t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
-
t.handle._parent=t //store back reference to dhtml window
-
t.resizearea._parent=t //same
-
t.controls._parent=t //same
-
t.onclose=function(){return true} //custom event handler "onclose"
-
t.onmousedown=function(){dhtmlwindow.zIndexvalue++; this.style.zIndex=dhtmlwindow.zIndexvalue} //Increase z-index of window when focus is on it
from second code text i'm posting, line 1, i changed
"this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100"
to
"this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 500"
and now it shows me the dhtml window in front! but... i can still move or do something in the back page, it's not disabled as in internet explorer...
what am i missing now?