50Webs Forum
Welcome, Guest. Please login or register.
Did you miss your activation email?
September 20, 2018, 03:07:50 PM

Login with username, password and session length
Search:     Advanced search
66151 Posts in 10276 Topics by 6496 Members
Latest Member: unohospitalsolutions
* Home Help Search Login Register
+  50Webs Forum
|-+  General Forum
| |-+  Web Design and Multimedia
| | |-+  What is a z-index?
« previous next »
Pages: [1] Go Down Print
Author Topic: What is a z-index?  (Read 456 times)
Sinelogixtech
Noobie
*
Posts: 9


View Profile
« on: September 19, 2017, 05:58:47 AM »

What is a z-index?
Logged
AmitSharma
Noobie
*
Posts: 5


View Profile WWW
« Reply #1 on: September 23, 2017, 06:13:30 AM »

Hello,

          How are you? The z-index CSS property specifies the z-order of a positioned element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.
Logged

pavithraramesh
Noobie
*
Posts: 1


View Profile
« Reply #2 on: January 24, 2018, 11:55:50 AM »

When you have content blocks one over another, usually the block that comes later in the HTML document takes the top position.

Technically, when multiple elements get stacked, the order of the will be based on the order of elements in the HTML document.

Sometime, you may want to override this and get one element in the top of the stack. This is where z-index becomes handy.

In CSS we give the elements z-index value. The elements with greater will be on top. This way you can adjust the stacking order using z-index.

This is a great function for web designers to get the stacking order the way they want.

Regards,
Pavithra
Spidergems Softlabz - Chennai
https://spidergems.com
Logged
Pages: [1] Go Up Print 
« previous next »
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.14 | SMF © 2006-2011, Simple Machines LLC Valid XHTML 1.0! Valid CSS!