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