I'm using WICK in the middle of a page for a search field. The page is set up with a series of divs: one for the navigation bar, one for the middle of the page, one for the footer. The WICK div sits in the middle of the page and often the drop down list will be long enough that it overlaps the lower (footer) div. This is all fine *except* that if I apply any kind of positioning to the footer div, the WICK drop down div becomes transparent. Or, rather, since the drop down div is specifically defined as "background-color: white" via the WICK css, I assume the it must drop to a lower z-index layer. I have tried setting the footer div to "z-index: 0" and "z-index: -1", but to no avail. This wouldn't be a problem except that to maintain usability for the visually impaired, positioning the div allows me to account for users with larger font size settings on their browser. Thanks in advance for any assistance.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
I'm using WICK in the middle of a page for a search field. The page is set up with a series of divs: one for the navigation bar, one for the middle of the page, one for the footer. The WICK div sits in the middle of the page and often the drop down list will be long enough that it overlaps the lower (footer) div. This is all fine *except* that if I apply any kind of positioning to the footer div, the WICK drop down div becomes transparent. Or, rather, since the drop down div is specifically defined as "background-color: white" via the WICK css, I assume the it must drop to a lower z-index layer. I have tried setting the footer div to "z-index: 0" and "z-index: -1", but to no avail. This wouldn't be a problem except that to maintain usability for the visually impaired, positioning the div allows me to account for users with larger font size settings on their browser. Thanks in advance for any assistance.