別の質問で、レイヤーを重ねてみてはどうか、という回答を頂いたことがあります。レイヤーとは何ですか?
あるサイトで、画像の上に画像(周りを透過させたgifアニメ)を見ました。大変綺麗でした。また、その上に重ねられたgif画像は枠線を表示したテーブルの、その枠線の上まではみ出ていました。
どうやっているのだろうと思いソースを見たら
<IMG SRC="上のgifアニメ" ALIGN="MIDDLE" NATURALSIZEFLAG="3"></div>
<IMG SRC="下の画像" ALIGN="BOTTOM" NATURALSIZEFLAG="2">
とありました。CSSには
#layer { position: absolute;
の次にtop,left,width,heightvisibilityの設定がしてありました。
同じように画像を重ねる方法をタグ辞典で探したら、positionとz-indexで指定するよう書いてあり、指定する項目もよく似ていますがlayerの文字はありません。
layerとはどのようなタグでしょうか?
No.2
- 回答日時:
何か別の意味があったなと思い、
レイヤー(LAYER)という用語を調べて見ました。
平面イメージで上下関係の考えられる、「層」になっているもの。
各層が協力しあって1つのことを成し遂げるが、別々にすることにより、相互不干渉のため(あるいは不干渉にして)単純化が行えるメリットあり。
(1)画像関係のもの
画像を平面各層に別々に作成し重ね合わせる。別々 に作成すると単純化できる。重ね合わせは比較的容 易である。
A.CG分野
B.JavaScript(本件はこれの関連)
C.PhotoShopなど画像加工
(2)通信分野で(構成や役割分担が明確になる)
OSIの7レイヤープロトコル(7層モデル)
TCP/IPの5層モデル
IDS
(3)各業界にはもっと別の意味での用語がありそう。
この回答への補足
回答ありがとうございます。
レイヤーの言葉の意味まで調べてくださったことに、お礼を申し上げます(*^^*)。
言葉としては、私はフォトショップで覚えました。やっぱり有名になったのもこのフォトレタッチソフトからなんでしょうか?特にパソコンの発達というデジタル化が進んで本領発揮という感のある言葉です。
回答ありがとうございました。
No.1ベストアンサー
- 回答日時:
<LAYER>というタグ自体もあるんですがNetscape専用なので、
もう「滅んだタグ」といっていいでしょう、使わないほうがいいです。
ただレイヤーという考え方自体はちゃんとIEにもあります。
それは書き方はYusuraさんの書かれたものなのでよくご存知そうですね。
レイヤーのイメージとしては透明なOHPのシートに絵を書き、
それを順番に重ね合わせたようにホームページを表示すると言えば
感覚的にわかりやすいかな?と思います。
参考URL:http://tohoho.wakusei.ne.jp/html/layer.htm
この回答への補足
さっそくの回答、ありがとうございます。
Netscape専用のタグだったんですか!!確かに私の持っている別の本では、ネットスケープ4のみとなっています。
レイヤーは、フォトレタッチソフトでもHTMLエディタでも概念そのものは変わらないんですね。仰る意味はよくわかります。
今朝、ずっと質問にも書いたpositionタグを試していて、うまく思い通りに表示できるようになりました。IE5.5Netscape6.2で問題がないのですが、レイヤータグとはなんだろかと思っていたところだったんです。ただ、やはりNN4.75では上手くいきませんね…。
回答ありがとうございました。これからも精進致します(*^^*)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでのpdf資料のリンク方法
-
サムネイル(画像)をクリックす...
-
form以外でのpostってできますか?
-
同じページの最上部へ戻るボタ...
-
クリックしても、リンクに飛ば...
-
[twip]から[pixel]への変換
-
リンクバナーのHTMLタグ。画像...
-
【OpenCV】BGRからHSVへの画像変換
-
マウスオーバーで薄いホワイト...
-
背景が透明なリンクボタンで、...
-
IMGタグでTIFF画像を表示
-
PerlのCGIの中で画像表示(html)
-
htmlでのページの作り方を教え...
-
透過GIFが表示されないんで...
-
画像を重ねて表示したい
-
HTMLのレイヤーとは?
-
gooの無料ホームページへアップ...
-
サムネイル画像をクリックする...
-
【PHP+lightbox2】 キャプショ...
-
alt属性を付けるとは?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報