z-index issue in ie

i know this issue is well documented but i cant find a working solution from what ive been reading. I have a pretty large site and i want a div to sit ontop of everything else on the site. now ive tried giving the div "position:absolute; z-index:99999;", this will work in everything ap开发者_JS百科art from ie. How can i do this in ie?

---

You can try:

position: fixed; z-index: 9999; 

This will make the div to appear on top of the others. (and follow as you scroll down)

---

so i tried this jquery script i found

$(function () {
    var zIndexNumber = 1000;
   $('div').each(function () {


        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

i added another wrapper around it to check if the broswer is ie before hand. this seems to fix the issue but does mean pages are slower loading in ie as every div is being treated. when the page loads.

---

This isn't what should happen. Without seeing the HTML & CSS, it's difficult to identify why. Some standard debugging techniques...

Setting the z-index to a very high number should render that element in front of everything else**. If it's not being rendered in front, then something is setting the z-index of the other elements to something higher. This could be set in CSS or by script. The quick check is to turn off scripting. To investigate this, use firebug to find the z-index of the element in front. To find it, edit any scripts, even minified ones, and simply search for "z-index".

It sounds like a quick "back to basics" re-examination of the problem may yeild the cause.

Normally one would use low z-index numbers - 2 is higher than 1, why use more?!? Some plug-in developers have been known to use stupidly high z-index numbers.

.

** IE 6 has a well-known bug where replaced form elements (e.g. select) will 'shine' through. The fix is to put an iframe in front of it.