HTML 标签参考

说明

HTML <layer> 标签用于定位页面中的元素并为其设置动画（通过脚本）。层可以被认为是驻留在主文档之上的单独文档，所有文档都存在于一个窗口内。

此标签在 Netscape 4 及其更高版本中得到支持。

示例

此示例创建三个重叠层。后面的是红色，中间的是蓝色，前面的是绿色。

<!DOCTYPE html>
<html>

   <head>
      <title>HTML layer 标签</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>

测试一下

全局属性

此标签支持以下描述的所有全局属性 - HTML 属性参考

特定属性

HTML <layer> 标签还支持以下附加属性 -

属性值描述
above图层名称内联图层的名称，该图层将按 z 顺序直接位于当前图层上方。
backgroundURL将显示内联图层文本和图像的图像的文件名或 URL。
below图层名称内联图层的名称，该图层将按 z 顺序直接位于当前图层的下方。
bgcolorrgb(x,x,x)
#xxxxxx
colorname		用于内联图层背景的颜色。
clipnumber内联图层可视区域的坐标。
heightpx内联图层的高度，以像素为单位。
leftnumber位置内联层的左侧。如果当前内联图层是另一个图层的一部分。称为父图层 - 则该位置是相对于父图层的。
name图层名称内联图层的名称。
pagexnumber左侧的位置内联层相对于浏览器窗口的位置。
pageynumber内联层顶部相对于浏览器窗口的位置到浏览器窗口。
srcURL将出现在内联层内的页面的 URL。
topnumber内联层顶部的位置。如果当前内联图层是另一个图层（称为父图层）的一部分，则该位置是相对于父图层的。
visibilityshow
hide
inherit		确定内联图层是否可见。
height

px

内联图层的宽度，以像素为单位。
z-indexnumber内联图层的位置在 z 顺序内。具有较高 Z-INDEX 值的内联图层位于具有较低 Z-INDEX 值的内联图层之上。

事件属性

此标签支持以下描述的所有事件属性 - HTML 事件参考

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
否否否否否否