Explained:
Layers allow you to separate and stack elements on your page on top of one another. With layers you can finally put things on a web page anywhere you want them and control their exact positions on the page. No more readjusting cells or frames. Yeah!!!
1. Layers can overlap
2. Layers can move across the page
3. Layers can be any size.
4. Layers can be hidden and shown over time
5. Layers can be positioned absolutely on the page
See some fun things Javascript can do with layers
•They use <DIV> and <SPAN> tags.
•They are positioned on the page in x and y and Z (for depth) dimensions.
•layers can be hidden and then shown later with Javascript. This is great for changing out pages, like you can do with frames.
•Unfortunately IE or Netscape 4 and above are the only versions that support layers. In a browser version below 4 you will see the layers but they won't be positioned correctly. They will appear all over the place.
•Layers came about with Cascading Style Sheets. With style sheets you can really control the positioning of layers.
•You can apply positioning to a layer:
-with classes
-create a layer and position it in the document window
What can I put in a layer?
1. images
2. text
3. tables
4. forms
5. multimedia content
6. other layers
* don't put frames into layers!!!
* just drag and drop content into layers or put your cursor in it and insert.
* older browsers will display the content in layers but the positioning will
be all off.
What is Dynamic HTML?
Dynamic HTML means that you can make layers change or move after the page is
finished loading. Timelines can be used to animate layers