<layer>

优质

小牛编辑

127浏览

2023-12-01

描述 (Description)

HTML 标记用于在页面中定位和动画（通过编写脚本）元素。可以将图层视为位于主图层之上的单独文档，所有文档都存在于一个窗口中。

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

例子 (Example)

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

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

全局属性 (Global Attributes)

此标记支持 - HTML Attribute Reference描述的所有全局属性

具体属性 (Specific Attributes)

HTML 标记还支持以下附加属性 -

属性	值	描述
above	图层名称	内联图层的名称将直接位于z顺序中当前图层的上方。
background	URL	用于图像的文件名或URL，内联图层的文本和图像将显示在该文件名或URL上。
below	图层名称	内联图层的名称将直接位于z顺序中当前图层的下方。
bgcolor	rgb(x,x,x) #xxxxxx colorname	用于内联图层背景的颜色。
clip	number	内联图层可视区域的坐标。
height	pixels	内联图层的高度（以像素为单位）。
left	number	内联层左侧的位置。如果当前内联图层是另一个图层的一部分，则会停止父图层，然后该位置相对于父图层。
name	图层名称	内联图层的名称。
pagex	number	内联层左侧相对于浏览器窗口的位置。
pagey	number	内联层顶部相对于浏览器窗口的位置。
src	URL	将显示在内联图层中的页面的URL。
top	number	内联层顶部的位置。如果当前内联图层是另一个图层的一部分（称为父图层），则该位置相对于父图层。
visibility	show hide inherit	确定内联图层是否可见。
width	pixels	内联图层的宽度（以像素为单位）。
z-index	number	内联层在z顺序内的位置。具有较高Z-INDEX值的内联层位于具有较低Z-INDEX值的内联层之上。

事件属性 (Event Attributes)

此标记支持 - HTML Events Reference描述的所有事件属性

浏览器支持 (Browser Support)

Chrome	Firefox	IE	Opera	Safari	Android
No	No	No	No	No	No