Shouldn´t it be simple by now? Many of my clients, trying to take the next step in learning CSS, Dreamweaver and WordPress, are telling me, “with my CSS, controlling Z-index is a bit of a problem.” Better yet, they are telling me, “ In my attempt at CSS, controlling Z-index, I have my code written and the page seems to ignore it.”
Z-index is just like using layers in Flash, Photoshop, Fireworks, or Illustrator. Or the concept is, let´s say, similar. Stuff stacked on Stuff.
My real question is, when will the easy drag and drop part come to us. I know it must be right around the corner. But until then, to position text, images, videos, forms or whatever,,,,, over one another on a web page, one must understand the CSS controlling z-index.
Being the brilliant one that I am, I could just whip up a quick article that would answer all of your questions. But of course, why reinvent the wheel? When my clients are on the edge of crashing and burning in the middle of the night, and my phone rings, I have the following url´s recorded for them on my answering devise. My devise says, “If you are having problems with your CSS controlling Z-index,”
These are excellent articles from well experienced designer sources.
You´ll get the hint that before you move on in attempting CSS, controlling Z-index, you´ll need to do a vast Google search for, “CSS Positioning.” Specifically, you want to look up, read, understand and experiment with Position, static, absolute, default(there is no such term as default, but you want to know what it is, trust me), and relative. If you obtain a wonderful and delightful grasp of those issues, then with CSS, controlling Z-index will come to you as easy as drag and drop.