Hi all,
I am currently struggling to find a workaround for the above
mentioned bug (also discussed here: http://www.quirksmode.org/
bugreports/archives/2006/01/Explorer_z_index_bug.html). Essentially
this problem stems from the use of the jQuery datepicker module
(http://kelvinluck.com/assets/jquery/datePicker/), which generates
its own markup for a calendar that appears when you click a button.
In the page where I'm using this, the calendar appears behind all
other page elements (including form controls) in Internet Explorer 7.
The relevant CSS used to control this markup looks like this:
div.popup-calendar-wrapper {
position: relative;
}
div.popup-calendar {
display: none;
position: absolute;
z-index: 2;
top: 0;
left: 0; /* value for IE */
padding: 4px;
overflow:hidden;
width: 180px;
}
It seems obvious this set of styles corresponds to the reported bug
above, but the solution in the comments (to use javascript to reset
the z-index) doesn't work for me (I even query the z-index property
value after setting it and get the correct assigned value, but the
calendar still appears obscured). Does anybody else know of a
workaround for this bug that doesn't require substantial changes to
the markup / CSS? As this is a third-party tool, we're keen not to
have to take on a maintenance overhead for using it (we'd much rather
just use something else, or write our own, but neither of these is
attractive options either).
Any suggestions welcomed!
~B
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
