HTML <layer> Tag

Advertisements


Description

The HTML <layer> tag is used to position and animate (through scripting) elements in a page. A layer can be thought of as a separate document that resides on top of the main one, all existing within one window.

This tag has support in Netscape 4 and higher versions of it.

Example

This example creates three overlapping layers. The back one is red, the middle one is blue, and the front one is green.

<!DOCTYPE html>
<html>
<head>
<title>HTML layer Tag</title>
</head>
<body>
<layer id="layer1" top="250" left="50" width="200" 
    height="200" bgcolor="red">
  <p>layer 1</p>
</layer>
<layer id="layer2" top="350" left="150" width="200" 
    height="200" bgcolor="blue">
  <p>layer 2</p>
</layer>
<layer id="layer3" top="450" left="250" width="200"
    height="200" bgcolor="green">
  <p>layer 3</p>
</layer>
</body>
</html>

This will produce following result, it will work in Netscape 4 and higher versions.

layer 1

layer 2

layer 3

Global Attributes

This tag supports all the global attributes described in - HTML Attribute Reference

Specific Attributes

The HTML <layer> tag also supports following additional attributes:

AttributeValueDescription
abovelayer nameThe name of the inline layer that will be positioned directly above the current layer in the z-order.
background URLA filename or URL for an image upon which the inline layer's text and images will appear.
below layer nameThe name of the inline layer that will be positioned directly below the current layer in the z-order.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
The color to use for the inline layer background.
clip numberThe coordinates of the inline layer's viewable area.
height pixelsThe inline layer's height, in pixels.
left numberThe position of the left side of the inline layer. If the current inline layer is part of another layer.called the parent layer-then the position is relative to the parent layer.
name layer nameThe name of the inline layer.
pagex numberThe position of the left side of the inline layer relative to the browser window.
pagey numberThe position of the top of the inline layer relative to the browser window.
src URLThe URL of a page that will appear inside the inline layer.
top numberThe position of the top of the inline layer. If the current inline layer is part of another layer--called the parent layer--then the position is relative to the parent layer.
visibility show
hide
inherit
Determines whether the inline layer is visible.
width pixelsThe inline layer's width, in pixels.
z-index numberThe inline layer's position within the z-order. Inline layers with higher Z-INDEX values are positioned above inline layers with lower Z-INDEX values.

Event Attributes

This tag supports all the event attributes described in - HTML Events Reference

Browser Support

ChromeFirefoxIEOperaSafariAndroid
NoNoNoNoNoNo

html_tags_reference.htm

Advertisements