the-power-of-z-index

WOW! I think I have just found a solution to a significant chunk of my site design issues. Z-Index! Finally, a way to deal with layer errors occuring in Internet Explorer. My footer has been driving me nuts for weeks as the text kept appearing behind my footer image. Just add a Z-Index and hey presto! Footer all fixed. Here is a quick overview of how to use Z-Index.

Overview:

The Z-Index property is used for setting the stack order of objects. Objects with a higher stack order are placed on top while objects with a lower stack order are place behind. Objects can have a negative stack order. Z-Index will only work on objects which have been postitioned.

For Example:

To an objects attributes you might add: position: absolute; z-index: 4;

Possible values of Z-Index

Auto – The stack order is equal to its parents Number – sets the stack order of the object

For a bigger (and better!) explanation visit the W3Schools website.