資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中新增圖層？
我們可以使用 HTML 中的 <layer> 標籤將圖層新增到 HTML 文件中。建立圖層後，可以使用 JavaScript 對其進行操作。此標籤用於在頁面中定位和動畫（透過指令碼）元素。可以將圖層視為位於主文件頂部的單獨文件，所有這些都存在於一個視窗中。以下是 HTML 中 <layer> 標籤的使用方法 -
<LAYER SRC="frame.gif" ABOVE="bg" NAME="frame" WIDTH=200 HEIGHT=200>
<layer> 標籤的屬性
Above − layer 標籤中的 above 屬性在與當前圖層相比時指定上面圖層的名稱。以下是 <layer> 中 above 標籤的使用方法 -
<LAYER SRC="pic.jpg" Z-INDEX=1 NAME="flower" VISIBILITY=SHOW> <LAYER SRC="tree.gif" ABOVE="flower" NAME="Tree">
Background − background 屬性指定瀏覽器作為圖層背景平鋪的影像的絕對或相對位置。以下是 layer 標籤中 background 的使用方法 -
<LAYER Z-INDEX=5 NAME="info" BACKGROUND="logo.gif"> <h1>Hi there</h1> </LAYER>
Below − below 屬性用於指定當前圖層下方圖層的名稱。以下是 layer 標籤中 below 的使用方法 -
<LAYER BACKGROUND="floor.jpg" NAME="floor" UNDER="Car"></LAYER>
bgcolor − bgcolor 屬性指定圖層的背景顏色。它使用 RGB 的十六進位制值或顏色名稱。以下是 layer 標籤中 bgcolor 的使用方法。
<layer bgcolor=#ff0011>
<div align=center>
<h1><blink>eat at joes!</blink></h1>
</div>
</layer>
clip − clip 屬性指示剪輯矩形的尺寸，該矩形指定圖層的可見區域。矩形外部的區域將變為透明。以下是 layer 標籤中 clip 屬性的語法
<layer src="pic.jpg" clip="40%,40%"></layer>
Height − height 屬性指定圖層的垂直尺寸。以下是 layer 標籤中 height 屬性的使用方法。
<layer src="car.gif" above="bg" name="car" width=200 height=200></layer>
left − left 屬性指定相對於父圖層左邊緣的水平位置。對於垂直定位，我們使用 top。以下是 layer 標籤中 left 屬性的使用方法。
<layer left=100 top=150> this layer is at {100,150}</layer>
name − name 屬性用於為圖層命名，以將其與其他程式碼區分開來。以下是此屬性的使用方法。
<layer src="car.gif" name="carpic" above="road"></layer>
src − src 屬性指定影像檔案或包含圖層內容的檔案的相對或絕對位置。以下是 layer 標籤中 src 屬性的使用方法。
<layer src="logo.jpg"></layer>
top − top 屬性指定圖層相對於父圖層上邊緣的垂直位置。
<layer left=100 top=150>this layer is at {100,150}</layer>
visibility − visibility 圖層指定圖層最初是否可見？
visibility=show // 圖層最初可見
visibility=hide // 圖層最初不可見。
<LAYER SRC="tree.gif" Z-INDEX=1 NAME="tree" VISIBILITY=SHOW>
Z-index − z-index 用於指定圖層是否出現在圖層堆疊中。<layer> 是瀏覽器特定的元素，會導致混淆。要建立圖層效果，我們可以使用 <div> 標籤的 z-index 屬性。
<LAYER Z-INDEX=0 NAME="Bottom">You will not this text if other layers are above it.</LAYER>
示例
在以下示例中，我們嘗試使用 <layer> 標籤將圖層新增到 HTML 文件中 -
<!DOCTYPE html>
<html>
<head>
<title>HTML layer Tag</title>
</head>
<body>
<layer id="layer1" top="250" left="50" width="200" height="200" bgcolor="red">
<p>layer 1</p>
</layer>
<layer id="layer2" top="350" left="150" width="200" height="200" bgcolor="blue">
<p>layer 2</p>
</layer>
<layer id="layer3" top="450" left="250" width="200" height="200" bgcolor="green">
<p>layer 3</p>
</layer>
</body>
</html>
2K+ 瀏覽量
