如何在 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>
廣告
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP