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.
|
