Does anyone know of a working fix for the ie z-index bug? I have come across a few solutions but interested to see if anyone here knows of a better fix.
Thanks!
To sum up, most issues with z-index can be solved by following these two guidelines: Check that the elements have their position set and z-index numbers in the correct order. Make sure that you don't have parent elements limiting the z-index level of their children.
You set z-index on a static element By default, every element has a position of static. z-index only works on positioned elements (relative, absolute, fixed, sticky) so if you set a z-index on an element with a static position, it won't work.
css("z-index", ''); Extract from the documentation : Setting the value of a style property to an empty string — e.g. $('#mydiv'). css('color', '') — removes that property from an element if it has already been directly applied, whether in the HTML style attribute, through jQuery's .
When using Chrome or Firefox, the z-index renders correctly, but not on Safari. In Safari, it seems that the z-index is not taken into consideration at all.
If you mean the problem of IE6 not respecting the z-index on select controls, then yes.
There is also a few others. I think the best method is to inform the users that IE6 has been replaced and that they would be better off using IE7, FF, or another recent browser verison, or direct them to the MS article explaining the problem and their courses of action.
You may not have this luxury, in which case, you should try using the select free or a few others that turn up in google results. It sucks, but you will have to try one of them.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With