htmlとcssの質問です。
cssファイルの中の"images/IMG_2064.jpg"画像ファイルを背景に表示した状態で、htmlファイル中の"images/sample1.jpg"画像ファイルを上から重ねて表示させたいです。
どうすれば良いのでしょうか。具体的なコードを記述していただけると助かります。
部分的なコードは下に記載しておきます。
css
1 2body { 3 4 background: #151515 url('../images/IMG_2064.jpg') no-repeat fixed left bottom; 5 background-size: cover; 6 color: #fff; 7 text-align: center; 8 font-size: 1.4rem; 9 font-family: Raleway, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 10}
html
1 2<section class="works"> 3 <h2 class="heading">WORKS</h2> 4 <div class="works-wrapper"> 5 <div class="work-box tree"> 6 <img class="work-image" src="images/sample1.jpg"width="700" alt="制作事例1">
質問は編集出来ますので、各コードをヘルプ等を参考にして、「コードブロック」として表示させてください。
ご指摘ありがとうございます。修正致しました。
現時点でも希望通りの動きになっていると思うのですが。「現状どうなっていて、どうなるのを希望するのか」をスクショ等で図示すると回答が付きやすいと思います。
現状でも『背景に表示した状態で、画像ファイルを上から重ねて表示』になっているかと思いますので、どのような問題が起きているのか、具体的にご提示ください。
"images/IMG_2064.jpg"画像ファイルが背景に表示されており、"images/sample1.jpg"画像ファイルが全く表示されない状態になっております。
1."images/sample1.jpg"が本当に存在しているか確認。
2.各要素(section, div 2つ, img)の大きさ・位置・透明度が正しく設定されているか確認してください。
ディレクトリなんですが、
HTML┬CSS
└images
こんな感じになってますか?
タグにある内容そのままタイトルに入れても要件何も含まれていないのと同じなので質問内容に寄せたものにしていただけますか?
2つのjpg画像を背景として、2枚重ねたいとの事でしょうか?
HTMLをCSS読み込み部分も含めて提示願います。