数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学如何在HTML中添加图层？
我们可以使用HTML中的<layer>标签向HTML文档添加图层。创建图层后，我们可以使用JavaScript操作它。此标签用于定位和动画（通过脚本）页面中的元素。图层可以被认为是一个独立的文档，位于主文档之上，所有这些都存在于一个窗口中。以下是HTML中<layer>标签的用法：
<LAYER SRC="frame.gif" ABOVE="bg" NAME="frame" WIDTH=200 HEIGHT=200>
<layer>标签的属性
above − layer标签中的above属性指定与当前图层相比上方图层的名称。以下是<layer>中above标签的用法：
<LAYER SRC="pic.jpg" Z-INDEX=1 NAME="flower" VISIBILITY=SHOW> <LAYER SRC="tree.gif" ABOVE="flower" NAME="Tree">
background − background属性指定浏览器平铺作为图层背景的图像的绝对或相对位置。以下是layer标签中background的用法：
<LAYER Z-INDEX=5 NAME="info" BACKGROUND="logo.gif"> <h1>Hi there</h1> </LAYER>
below − below属性用于指定当前图层下方图层的名称。以下是layer标签中below的用法：
<LAYER BACKGROUND="floor.jpg" NAME="floor" UNDER="Car"></LAYER>
bgcolor − bgcolor属性指定图层的背景颜色。它使用RGB的十六进制值或颜色名称。以下是layer标签中bgcolor的用法。
<layer bgcolor=#ff0011>
<div align=center>
<h1><blink>eat at joes!</blink></h1>
</div>
</layer>
clip − clip属性指示剪切矩形的尺寸，该矩形指定图层的可见区域。矩形外部存在的区域将变得透明。以下是layer标签中clip属性的语法
<layer src="pic.jpg" clip="40%,40%"></layer>
height − height属性指定图层的垂直尺寸。以下是layer标签中height属性的用法。
<layer src="car.gif" above="bg" name="car" width=200 height=200></layer>
left − left属性指定相对于父图层左边缘的水平位置。对于垂直定位，我们使用top。以下是layer标签中left属性的用法。
<layer left=100 top=150> this layer is at {100,150}</layer>
name − name属性用于为图层命名，以便与其他代码区分开来。以下是此属性的用法。
<layer src="car.gif" name="carpic" above="road"></layer>
src − src属性指定图像文件或包含图层内容的文件的相对或绝对位置。以下是layer标签中src属性的用法。
<layer src="logo.jpg"></layer>
top − top属性指定图层相对于父图层上边缘的垂直位置。
<layer left=100 top=150>this layer is at {100,150}</layer>
visibility − visibility图层指定图层最初是否可见？
visibility=show // 图层最初可见
visibility=hide // 图层最初不可见。
<LAYER SRC="tree.gif" Z-INDEX=1 NAME="tree" VISIBILITY=SHOW>
Z-index − z-index用于指定图层是否出现在堆叠图层中。<layer>是浏览器特定的元素，会导致混淆。要创建图层效果，我们可以使用<div>标签的z-index属性。
<LAYER Z-INDEX=0 NAME="Bottom">You will not this text if other layers are above it.</LAYER>
示例
在下面的示例中，我们尝试使用<layer>标签向HTML文档添加图层：
<!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>
2K+ 浏览量
