如何在HTML中添加内联层?

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

这与<layer>标记相反,该标记在包含文本的流上方创建一个层,从而允许将后续内容放置在刚创建的层下。

HTML <ilayer>标记支持以下属性-

属性
值
描述
以上
图层
名称
内联层的名称,它将以z顺序直接位于当前层的上方。
背景
网址
内嵌层的文本和图像将出现在其上的图像的文件名或URL。
下面
图层
名称
内联层的名称,它将以z顺序直接位于当前层的下方。
bgcolor
rgb(x,x,x)
#xxxxxx
颜色名称
用于内联图层背景的颜色。
夹
数
内联图层的可见区域的坐标。
高度
像素
内联层的高度(以像素为单位)。
剩下
数
内联图层左侧的位置。如果当前的内联图层是另一个图层(称为父图层)的一部分,则该位置相对于父图层。
名称
图层
名称
内联层的名称。
页面
数
内联层左侧相对于浏览器窗口的位置。
页面
数
内联层顶部相对于浏览器窗口的位置。
src
网址
将显示在内联层中的页面的URL。
最佳
数
内联层顶部的位置。如果当前的内联层是另一层(称为父层)的一部分,则该位置是相对于父层的。
能见度
节目
确定内联图层是否可见。

隐藏
继承

宽度
像素
内联层的宽度(以像素为单位)。
索引
数
内联图层在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>