Internet Explorer, z-index, and “modality”?

IE has a lot of issues with transparency (it doesn't support rgba ). There are also known issues with z-indexing Try something like this Notes: Most IE z-index issues can be fixed by applying z-indexes to the parent elements of the elements you're trying to specify a z-index for I moved the modal window out of the cover (previously modal ) div so that IE doesn't try to apply the filter to it Example HTML div id="cover"> I am modal a I am not modal lorem ipsit dolar foo bar baz.

IE has a lot of issues with transparency (it doesn't support rgba). There are also known issues with z-indexing. Try something like this.

Notes: Most IE z-index issues can be fixed by applying z-indexes to the parent elements of the elements you're trying to specify a z-index for. I moved the modal window out of the cover (previously modal) div so that IE doesn't try to apply the filter to it. Example HTML I am modal a I am not modal lorem ipsit dolar foo bar baz CSS body { z-index: 1; } #cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; filter:alpha(opacity=50); /* Only applies to IE */ background: red; /* This will be overwritten by browsers that support rgba */ background: rgba(255,0,0,0.5); /* IE ignores this since it's not supported */ z-index: 10; } #modalbox { border:solid 5px #ccc; position: fixed; top: 50%; left:50%; z-index: 20; } #notModal { height:500px; border:solid 5px #ccc; z-index: 5; }.

OP here: that works (in IE 8, at least, haven't tested it against others yet), but I'm still not sure why it works. I'd previously tried a version where the body had a z-index; is the answer that everything has to have a z-index? – tpdi Mar 21 at 22:13 @tpdi: Well, part of the reason it didn't work before was because you had no background specified (as I mentioned, rgba isn't supported in IE).

On top of that, there may have been some z-index issues. I put that code in there just for good measure. If you want to see a good description of the z-index bug in IE (and how to fix it), check here.

Note that it doesn't necessarily require putting z-index on everything, only parents, however in this case is the parent. – Drackir Mar 21 at 22:16.

IE won't recognize a rgba color, try to use a rgb and use filter:alpha(opacity=50).

Z-Indexing is... strange, for lack of a more appropriate word, in IE To make a long story short, to properly use z-indexing with IE every element (from parent to child) involved has to have a z-index (sometimes all the way back to the body) This question here did an excellent job of answering this: ie7 z-index problem.

Z-Indexing is... strange, for lack of a more appropriate word, in IE. To make a long story short, to properly use z-indexing with IE every element (from parent to child) involved has to have a z-index (sometimes all the way back to the body). This question here did an excellent job of answering this: ie7 z-index problem.

I once nearly tore my hair out thanks to IE doing a site that had an expanding menu that went over an image display that rotated (no flash involved, all HTML, CSS, and JavaScript) and ultimately this was the solution. I think yours is the same, and I know you'll breath easier like I did when its finally solved! – Geekswordsman Nov 9 at 19:02 I Updated my Question and added the JS Code ( there's also a link to the whole Script a bit higher) – Patrick Bläcker Nov 90 at 13:40 Found the Problem: You have to set a background color in Internet Explorer.

Here the fix: background-color: #fff; filter: alpha(opacity=1); – Patrick Bläcker Nov 91 at 17:01.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.