Layers
| Navigator 4.0 supports an alternative syntax for positioning blocks of HTML content; it extends HTML to include the <LAYER> tag. You can specify the position and content of a layer of HTML inside a <LAYER> tag in the body of the page -- there is no need to pre-define the layer before you specify the content for it. |
At the time of writing, the <LAYER> tag is specific to the Netscape Navigator 4.0+ web browser. Other browser may not handle layers defined with the <LAYER> tag property.
The <LAYER> tag starts a layer, and the </LAYER> ends the layer. All the HTML content between the opening and closing layer tag can be treated as a single item of content that can be moved and altered in various ways.
<Layer top = 60 left = 100 width = 200 height = 100 bgcolor = "#ffcccc" > ... HTML content ... </Layer>You can specify attributes for the layer such as ID, TOP, LEFT, BGCOLOR, WIDTH, and HEIGHT. (This is not a complete list of attributes.)
You can use inline JavaScript to dynamically change whether a layer is visible or not, so that you can hide a layer and make it reappear again. And you can position layers relative to each other, such as having the top of one layer start just below the bottom of another.
- Layers have a stacking order.
- You can specify the "stacking order" (Z order) of layers as
relative to each other (Layer A is
immediately below Layer B) or you can specify numerical Z orders (the Z
value of Layer A is 1, the Z order of Layer B is 2.)
- Layers can be transparent or opaque.
- Underlying layers show through transparent layers, but not
through opaque ones.
- You can specify background images and background colors.
- If you set the background image or color, the layer will
not be transparent, and it will obscure any layers that lie below it.
- Layers can be nested inside layers.
- View the source of this page for examples.
