What steps will reproduce the problem?
1. Include in the page an absolutely-positioned div with z-index 2. (For
example, a small pop-up div.)
2. Inside the absolutely-positioned div, include another absolutely-positioned
div {width=100%;height=100%;background-color:#FFF;opacity:0.8;z-index:-1;}
What is the expected output? What do you see instead?
I expect to see what I see in Firefox, Opera and Chrome, namely, the div
described in (2) above causes the whole page to appear greyed-out, but the div
described in (1) above is on top, receiving mouse events and not greyed-out at
all.
What I actually see (in IE7) is equivalent to the div described in (2) not
being there at all. (As soon as I change its z-index to 0, it displays, and
overlays everything including the div described in (1).
What version of the product are you using? On what operating system?
I'm using 'http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js'.
Please provide any additional information below.
I didn't find this to be a problem with version 2.0(beta3)/IE8.js.
Original issue reported on code.google.com by c...@realidcheck.com on 4 Sep 2010 at 9:57
Original issue reported on code.google.com by
c...@realidcheck.comon 4 Sep 2010 at 9:57