Visual Basic (1)
New related comments
Number of comments in the last 48 hours
Validating user input in a form
Can I disable the Refresh button in Internet Explorer
Dynamically collapse or expand a section of a web page
Opening a window without a title bar
A SELECT box shines through an overlayed DIV section
3 comments. Current rating: (1 votes). Leave comments and/ or rate it.
Question:I need to display a kind of modal dialog box on top of a form. I use a DIV section for this and gave it a z-index of 5. The form below has a z-index of 3. The modal dialog box shows on top of the form except that a SELECT (drop down) menu is rendered on top of the new box. It is as if it had a 'topmost' style.
This appears only in Internet Explorer, not in Firefox.
Answer:This is a known problem in IE (5 and 6, at least). SELECT boxes are rendered topmost - ignoring the z-index value.
The workaround is to temporarily hide the offending elements (all SELECT elements). Look at the code below - to make matters worse, some real old browser versions require a 'hide'/'show' there (instead of 'hidden'/'visible').