Z Index in CSS

Z Index in CSS

z-index property html elements का stack order define करने के लिए use की जाती हैं। stack order का अर्थ हैं कि कोई element किसी दूसरे element के ऊपर दिखेगा या नीचे। जिस element का z-index ज्‍यादा होता हैं वह ऊपर दिखता हैं। इसे हम इस चित्र से समझते हैं –

 

इस चित्र में जो box ऊपर दिख रहा हैं उसका z-index ज्‍यादा है (1) और नीचे वाले box का उससे कम है (0.7) ।

Syntax :-

z-index: value;

प्राय z-index की value कोई integer number दी जाती हैं परन्‍तु इसकी value ‘auto’ भी दे सकते हैं। यदि हम z-index की value ‘auto’ देते हैं तो element का stack order browser द्वारा decide किया जाता हैं और यह order उसी order में होता हैं जिस order में element को place किया गया हो। सबसे पहले element की z-index सबसे lower और सबसे आखिरी element की z-index सबसे higher होगी।