如何在 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 次瀏覽

啟動您的職業生涯

透過完成課程獲得認證

開始學習
廣告