如何在 HTML 中添加内联层?


使用<ilayer>标签添加内联层。HTML <ilayer>标签用于创建一个占据包含文本流空间的层。后续内容将放置在<ilayer>占据的空间之后。

这与<layer>标签形成对比,<layer>标签会在包含文本流之上创建一个层,允许将后续内容放置在刚创建的层下方。

HTML <ilayer>标签支持以下属性:

属性

描述
above
layer
name
将直接位于当前层上方(z 轴顺序)的内联层的名称。
background
URL
内联层文本和图像将显示在其上的图像的文件名或URL。
below
layer
name
将直接位于当前层下方(z 轴顺序)的内联层的名称。
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
用于内联层背景的颜色。
clip
number
内联层可见区域的坐标。
height
pixels
内联层的高度(以像素为单位)。
left
number
内联层左侧的位置。如果当前内联层是另一个层(称为父层)的一部分,则位置相对于父层。
name
layer
name
内联层的名称。
pagex
number
内联层左侧相对于浏览器窗口的位置。
pagey
number
内联层顶部相对于浏览器窗口的位置。
src
URL
将显示在内联层中的页面的 URL。
top
number
内联层顶部的位置。如果当前内联层是另一个层(称为父层)的一部分,则位置相对于父层。
visibility
show
确定内联层是否可见。

hide
inherit

width
pixels
内联层的宽度(以像素为单位)。
z-index
number
内联层在 z 轴顺序中的位置。Z-INDEX 值较高的内联层位于 Z-INDEX 值较低的内联层之上。

示例

您可以尝试运行以下代码来实现<ilayer>标签:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>

更新于:2020年3月3日

315 次浏览

启动您的职业生涯

通过完成课程获得认证

开始学习
广告