CSS Themes

Working With Z-Index In CSS

October 1, 2013 | 323 views |

In CSS, z-index is the order of appearance of one layer over the other, the higher the z-index the higher priority of the layer above the lower z-index displays. For example, on my theme, I made header to be fixed with z-index:9999 and my shadowbox overlay z-index:999 . So, on a small display like 1024×768, there’s not enough room for both header and the shadowbox overlay, the shadowbox display will be UNDER the header because the z-index is lower.

shadow box is under the header     shadowbox z-index

change zindex     change header z-index 9999

change header z-index to 999     shadowbox over the header

Always test all the overlay modals over any fixed css or youtube.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.