如何在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>