Understanding Layers
CSS layers or div elements are boxes of content on a Web page. Unlike "flat" elements such as table cells, you can stack layers one atop another and position them anywhere on the screen (see Figure 10.2). In this respect, layers are like the windows on your desktop.
Figure 10.2. CSS layers are boxes of content. Unlike table cells, you can stack them and position them freely on the page.
[View full size image]
GEEKSPEAKA layer or div element is a CSS-based box of content on a Web page. Unlike flat elements such as table cells, you can stack layers one atop another and position them anywhere on the screen. |
Figure 10.3. Each popup menu goes in its own layer. To create the popup effect, the layers are hidden or invisible by default.
[View full size image]
Figure 10.4. Mousing over a nav-bar category makes the corresponding layer appear.
[View full size image]