質問: ### 前提・実現したいこと こんばんは。 javascriptでスライドショー機能を取り入れたいと思っています。 カットイン/アウトで切り替える方法はできたのですが、フェードさせる際に 画像が重なってくれません。 ### 発生している問題・エラーメッセージ dreamweaver CS6 の分割ビューでは、重なっていますが、 ライブビューやブラウザ表示にすると画像が上下に分かれます。 ### 該当のソースコード ``` ``` ### 試したこと 試したことといいますか、 http://cya.sakura.ne.jp/java/sshow2.htm 上記URLを参考にして、スライドショー機能を取り入れようとしましたが、 初心者のため、丸々コピペではなく、一つずつ順を追って理解していこうとしたところ、 いきなり画像の重ね合わせでつまずきました。 なんとなく、position:absoluteの使い方ではないかと察してはいるのですが、 参考のURLでは、absoluteは片方だけとあったので、最初は、id="top"の方だけ指定していましたがうまくいきませんでした。 また、 https://saruwakakun.com/html-css/basic/relative-absolute-fixed こちらのURLでは、親要素のpositionをrelativeにするようあったので、そうしましたが、最初のURLでは、その箇所が見当たりません。 質問の的がわかりにくくてすみません。 フェードの関数にはまだ至っていませんので、 分割ビューで重なっている画像がライブビューで重ならなくなっている原因、 画像を重ねる際、親要素へのrelative指定の必要性について、ご教授いただけませんでしょうか。 よろしくお願いいたします。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答: すみません。 自己解決しました。 引っかかっていたのは、画像を重ねるだけでなくその画像を中央に持っていこうとしていたことが原因だったようです。 http://32877.xii.jp/view/1 こちらのURLにあるように、div要素のセンタリングは、alignもしくはmarginの設定どちらかで良いと 決め込んでしまいましたが、両方することでセンタリングができましたので、 これにより、とを入れ子にするような小細工が必要なくなり、無事に画像が重なってくれました。 原因は要素でした。 お騒がせしました。