• 締切済み

dreamweaver レイヤーの重ね順について

こんにちは。宜しくお願いします。 OS:ウィンドウズXP dreamweaver8使用 レイヤーの重ね順についてなのですが、FLASHの上にbmp画像を配置したいのですけれど、それが出来ずに困っています。 両方が完全に重なる配置ではなく、FLASHの一部にbmp画像の一部がちょこっと乗っている感じにしたいと考えています。 FLASHとbmp画像をレイヤーに入れてレイアウトして 次にレイヤーパネルでZインデックスを調整して、FLASHの上にbmp画像が乗る様にしているのですが、IEでのプレビュー・一度サーバーにアップしてから該当ページにアクセスして見ると、FLASHの方が上になっています。 試しにジオシティーズのHPソフト、ジオクリエーターで編集・Zインデックスの調整をしてみても、FLASHの方が上になります。 FLASHの上にjpgやbmpを乗せることは出来ないのでしょうか?  

みんなの回答

回答No.1

まず画像のレイヤーを、2つレイヤーを入れ子にしてください。 <div>を挿入し、position:absoluteを指定することでレイヤー化出来ます。 入れ子にしたレイヤーにはz-Indexを指定しないでください。 入れ子にした1つ目のレイヤーにインラインフレームを入れて、インラインフレームのサイズを外側のレイヤーのサイズ一杯にしてください。 srcは"about:blank"でいいと思います。 インラインフレームのスタイルシート設定で、表示を「非表示」にしてください。(visibility:hidden) 2つめのレイヤーに画像を入れてください。 入れ子になっているそれぞれのレイヤーのサイズを、外側のレイヤーと同じサイズにして、上端と左端をぴったり合わせてください。 画像の位置を調整するときは、外側のレイヤーで調整してください。 説明が難しい、、、

hosiyadori
質問者

お礼

ご回答有り難うございます。 いやあ~、この手のソフトを文章だけで説明するのって難しいですよね 正直、今の私のスキルレベルではちょっと理解できない箇所も・・・^^; ご回答を参考にして頑張ってみます。 有り難う御座いました

関連するQ&A

  • photoshopCS5 レイヤーの重ね順変更

    photoshopCS5使用です。レイヤーの重ね順の変更について質問です。 レイヤーパレットから移動したいレイヤーを選択し、任意の場所に上下移動しているのですが、レイヤー数が多い場合、レイヤーパレットが長くて、場所が分からなくなったり、移動に手間取ってしまうのですが、簡単な移動の仕方があれば教えてください。 例えばFireworksで画像Zを画像Aの上に乗せたい場合、画像Zを選択し、切り取って、画像Aを選択し、貼り付ければ、レイヤーパレットで画像Aの上だか下に画像Zが移動できます。 photoshopでそういう方法はありますか? よろしくお願いします。

  • Dreamweaverでレイヤーを使うと画像がずれる??

    イメージの挿入で、イラストレーターで作った画像を配置して、その画像の上にレイヤーを使ってGIFアニメを配置させました。 Dreamweaver上ではちゃんと配置されているのに、ブラウザでプレビューしてみるとレイヤーの画像だけが、左に大幅にずれてしまっています。 どうしてずれてしまうのでしょうか?? もしくは、レイヤーを使わないで、重なる画像を配置させる方法はあるのでしょうか。 HPを作るのは初めてで、本を読みながらやっているのですが、レイヤーのことなどあまり詳しく書いてなくてよくわかりません。 どうかよろしくお願いします。

  • dreamweaver4のレイヤーをテーブルに変換する

    ご質問致します。 今、dreamweaver4を使ってホームページを作っているのですが、レイアウトの自由度を優先してレイヤーを使いレイアウトをしています。 レイヤーを使うとセンター合わせが出来ないためにレイヤーをテーブルに変換してセンター合わせをしようと思うのですが、 レイヤーの1つにスクロールバーを使いスクロール(上下)するものがあり、下にオビを付けていますので、オーバーラップしてるので変換出来ませんと表示されます。 上にオビ(メニュー)レイヤー、スクロール(上下)するレイヤー、下にオビのレイアウトになっています。 レイアウトの都合上、上下に限りがあるのでスクロールしなければいけません。 レイアウトを保ちながらセンター合わせにするにはどのようにすればいいのか教えて下さい。 宜しくお願い致します。

  • Dreamweaverのレイヤー・テーブル・フレームについて

    Dreamweaverではレイヤー・テーブル・フレームなど、レイアウトを設定できる方法がありますが、以下のどれでもよいので回答お願いします。 質問0 Dreamweaverでは「レイヤーからテーブルへ変換」することができますが、レイヤーがかさなっていると変換できないようなのですが、どうにか良い方法はないでしょうか?できたら重ねて作りたいのですが… 質問1 Dreamweaverでは「レイヤーからテーブルへ変換」することができますが、HTMLファイル自体はレイヤーとテーブルのどちらが軽いファイルになるのでしょうか?また、レイヤーを利用した場合、表示が構築状態とは違う状態になりますが、どうしたらよいのでしょうか? 質問2 入力フォームを作ろうと思うのですが、これは、データテーブルで構築するべきでしょうか?自分はフォームの下に画像(綺麗なテーブル)をのせようと思うのですが、無難と言えない構築方法なのでしょうか?

  • 調整レイヤーを特定のレイヤーだけにかける方法

    調整レイヤーを特定のレイヤーだけにかける方法 Windows版Photoshop CS4を勉強中です。 下の図のように1枚の紙の上に4つの画像を配置し、画像1~3に調整レイヤー(この場合白黒)をかけ、4にはかけないようにする場合、一つ一つに「下のレイヤーを使用してクリッピングマスクを作成」の設定で調整レイヤーをかけていますが、もっと簡単に出来る方法がありましたら教えてください。 1~3のレイヤーを統合する 4のレイヤーを一番上に持ってくる 以外の方法をお願いします。

  • レイヤー位置の固定

    Dreamweaverで 画像のレイヤーを重ねて配置した場合 見る人のブラウザの文字設定などの環境によって レイヤーの位置がずれたりすることはありますか。 テキストを入れた場合などはずれることがあると思いますが 画像のみの場合は胴なのでしょうか。 また、ずれないようにレイヤーの位置を固定することはできますでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フラッシュの背景を透過させてdreamweaverで画像に重ねたい。

    フラッシュの背景を透過させてdreamweaverで画像に重ねたい。 フラッシュで作った(swf)ファイルをdreamweaverに挿入したときにフラッシュファイルの背景を透過させたいのですが、どなたかやり方を教えてくださいませんか? weaverの画像の上にレイヤでフラッシュファイルを乗せて使用したいと考えています。 伸び縮みする文字のflashを作ったので背景をなくしたいのです。 Flashのパブリッシュ設定→ウィンドウモード 透過 という設定にはしました。 すみませんが、宜しくお願いいたします。

  • DreamWeaver4 プレビューが崩れます。。。

    DreamWeaver4を使ってホームページを作成しています。 テーブルを使ってJPEGなどを配置しレイアウトを調整しているのですが、"ブラウザでプレビュー"をするとレイアウトが大幅に崩れてしまいます。 具体的には、"隣り合ったJPEGが大幅に離れる"、"テーブルの上下に配置したJPEGが大幅に離れる"、といった具合です。 解決方法をご存知の方いらしたらお教えください。 よろしくお願い致しますm(-_-)m

  • HTMLのレイヤーとは?

     別の質問で、レイヤーを重ねてみてはどうか、という回答を頂いたことがあります。レイヤーとは何ですか?  あるサイトで、画像の上に画像(周りを透過させた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とはどのようなタグでしょうか?

    • ベストアンサー
    • CSS
  • html/cssでembedとz-indexについて

    HTML・CSSで<DIV>を2つ使って片方にimgで画像を、もう一つに 文字を入れてz-indexで画像の上にレイヤーのような形で文字を 乗せることが出来ますが、画像の代わりにembedでflashファイル を使うとz-indexが効かないと思います。 flashファイル(画像)の上にレイヤーのように文字を乗せる方法 がありますでしょうか? ご存知の方が居られたらご教示ください。 geohaseでXP、IE6の環境です、よろしくお願いします。

専門家に質問してみよう