質問: 両方のレイヤーに画像がある場合は実装できますが、FLASH がある場合は機能しません。つまり、画像が常に FLASH で覆われてしまいます。どうすればよいですか?
レイヤーについて Dreamweaver のレイヤー
は、絶対位置 (具体的には div タグまたはその他のタグ) が割り当てられる HTML ページ要素です。レイヤーには、テキスト、画像、または HTML ドキュメントの本文内に配置できるその他のものを含めることができます。
この章で説明されているレイヤーは、レイヤー タグではなく、Dreamweaver のレイアウト概念に属していること
に注意してください
。レイヤーの概念を理解する
Dreamweaver では、レイヤーを使用してページのレイアウトをデザインできます。レイヤーを前後に配置したり、一部のレイヤーを表示しながら一部のレイヤーを非表示にしたり、画面上でレイヤーを移動したりできます。背景画像を 1 つのレイヤーに配置し、そのレイヤーの前に、背景が透明なテキストを含む 2 番目のレイヤーを配置できます。
レイヤーを使用すると、コンテンツを柔軟に配置できます。ただし、古いバージョンの Web ブラウザを使用しているサイト訪問者は、レイヤーを表示できない場合があります。誰でも Web ページを閲覧できるようにするには、レイヤーを使用してページ レイアウトを設計し、レイヤーをテーブルに変換します。詳細については、「レイヤーをテーブルに変換する」を参照してください。ただし、対応している訪問者が最新のブラウザを使用している可能性が高い場合は、レイヤーをテーブルに変換せずに、レイアウト全体をレイヤーでデザインできます。
レイヤーの HTML コードについて
ドキュメントにレイヤーを配置すると、Dreamweaver はコードにレイヤーの HTML タグを挿入します。デフォルトでは、Dreamweaver は div タグを使用してレイヤーを作成します。
他の 2 つのタグ (layer と ilayer) を使用してレイヤーを作成することもできること
に注意してください
。ただし、これらのタグは Netscape Navigator 4 でのみサポートされており、Internet Explorer はこれらのタグをサポートしておらず、Netscape は新しいブラウザではこれらのタグをサポートしていません。 Dreamweaver は、layer タグと ilayer タグを認識しますが、レイヤーの作成にはそれらを使用しません。
[レイヤー描画] ツールを使用してレイヤーを描画すると、Dreamweaver は div タグをドキュメントに挿入し、レイヤーに ID 値を割り当てます (デフォルトでは、Layer1 は最初に描画されたレイヤーを表し、Layer2 は 2 番目に描画されたレイヤーを表します。以下同様)。後で、「レイヤー」パネルまたはプロパティインスペクターを使用して、レイヤーの名前を任意の名前に変更できます。 Dreamweaver はまた、ドキュメントヘッダーに埋め込まれた CSS を使用してレイヤーを配置し、正確なサイズを決定します。
以下はレイヤーの HTML コードの例です:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>サンプルレイヤーページ</title>
<style type="text/css">
<!--
#レイヤー1 {
位置:絶対;
左:62ピクセル;
上:67ピクセル;
幅:421ピクセル;
高さ:188ピクセル;
z-インデックス:1
;
-->
</スタイル>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>
x 座標と y 座標、z 軸 (積み重ね順とも呼ばれます)、表示/非表示など、ページの上位レイヤーのプロパティを設定できます。詳細については、「レイヤーの環境設定とプロパティの設定」を参照してください。