問題:當兩層中都是圖片時可以實現,但如果有FLASH是就不行了,就是說圖片永遠會被FLASH遮住.怎麼辦?
關於Dreamweaver 中的
層層
是被分配了絕對位置的HTML 頁面元素- 具體地說,是div 標籤或任何其他標籤。圖層可以包含文字、圖像或其他任何可在HTML 文件正文中放入的內容。
注意
本章所說的層屬於Dreamweaver 的佈局概念,而不是layer 標籤。
理解層的概念
透過Dreamweaver,您可以使用圖層來設計頁面的佈局。您可以將圖層前後放置,隱藏某些圖層而顯示其他圖層,以及在螢幕上移動圖層。您可以在一個圖層中放置背景圖像,然後在該圖層的前面放置第二個圖層,它包含一個帶有透明背景的文字。
利用層可以非常靈活地放置內容。但是,使用舊版的Web 瀏覽器的網站訪客查看層時可能會遇到麻煩。若要確保所有人都能夠檢視您的Web 頁,可以使用圖層設計頁面佈局,然後將圖層轉換為表格。有關更多信息,請參見將層轉換為表格。但是,如果您所面對的訪客很可能使用某種最新的瀏覽器,則可以完全用圖層來設計佈局,而無需將圖層轉換為表格。
關於層的HTML 程式碼
當您在文件中放置層時,Dreamweaver 會在程式碼中插入該層的HTML 標籤。預設情況下,Dreamweaver 會使用div 標籤建立層。
注意
您也可以使用另外兩種標籤來建立圖層:layer 和ilayer。但是,只有Netscape Navigator 4 支援這些標籤;Internet Explorer 不支援這些標籤,而Netscape 在較新的瀏覽器中也不再支援這些標籤。 Dreamweaver 可以識別layer 和ilayer 標籤,但不使用這些標籤來建立圖層。
使用「繪製層」工具繪製層時,Dreamweaver 會在文件中插入div 標籤,並為層分配id 值(預設情況下,Layer1 表示繪製的第一層,Layer2 表示繪製的第二層,依此類推)。稍後,可以使用“圖層”面板或“屬性”檢查器將圖層重新命名為想要的任何名稱。 Dreamweaver 也使用文件頭中的嵌入式CSS 來定位層和確定層的確切尺寸。
下面是一個圖層的HTML 程式碼範例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>
您可以設定頁面上層的屬性,其中包含x 和y 座標、z 軸(也稱為堆疊順序)以及可見性。有關更多信息,請參見設定層首選參數和屬性。