Re: DHTML z-index
by "Darrell King" <darrell(at)webctr.com>
|
Date: |
Sun, 20 Jan 2002 17:34:59 -0500 |
To: |
<hwg-techniques(at)hwg.org> |
References: |
king |
|
todo: View
Thread,
Original
|
|
Sorry: this is in IE5.5. No source available at this time...it's on our
local intranet.
Here is the class of the menu div:
.submenu-2 {
position: absolute;
top: 16px;
left: 95px;
z-index: 1;
font-size: 11px;
background: #C0C0C0;
color: #000000;
width: 200px;
padding: 1px;
border: #000000 solid 1px;
}
Here is the class of the select field (the error persists without an CSS
assigned to the select, too):
.textfield100pct {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
height: 20px;
margin: 0;
z-index: 0;
}
Here is the div the form is in:
.admin-panel {
position: absolute;
top: 25px;
left: 25%;
z-index: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
border: #3D83A5 solid 1px;
background: #FFFFFF;
padding: 2px;
width: 500px;
}
TIA
D
----- Original Message -----
From: "Darrell King" <darrell(at)webctr.com>
To: <hwg-techniques(at)hwg.org>
Sent: Sunday, January 20, 2002 4:07 PM
Subject: DHTML z-index
I have a DHTML menu that drops down over a form select field. Where the
menu hits the select, the select shows through, effectively cutting a hole
in the menu.
I've given the div the field is in a z-index of 0, and the menu a z-index of
1. Still, the form field is visible, instead of being covered by the menu.
Any ideas?
D
HWG hwg-techniques mailing list archives,
maintained by Webmasters @ IWA