Z-index همانگونه که از اسمش قابل حدس زدن می باشد ارتفاع عنصر موجود در صفحه مرورگر را مشخص می نماید. اما این به چه معناست؟ در حالی که یک صفحه وب دو بعدی است و ارتفاع ندارد. به عبارت ساده تر وقتی چند عنصر موجود در صفحه وب در قسمتهایی با هم همپوشانی دارند می توانیم مشخص نماییم کدام عنصر جلوتر قرار بگیرید. (برای مثال هنگام باز شدن منوی drop down هنگامی که یک پاپ آپ هم در صفحه باز داریم. با کمک z-index می توانیم مشخص کنیم کدام بر روی کدام قرار گیرد) تجربه به من ثابت کرده این خصیصه در مرورگر IE مخصوصا نسخه ۸ به قبل خوب پیاده سازی نشده است. اگربرای شما cross بودن مهم است حتما آن را بر روی مرورگر ie خوب تست کنید!
