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