Q&A
質問が3つも含まれていると答えるのが億劫になります。別々に聞いたほうがよいと思います。
> 画像の背景を背景色と同じ色にしたいです。
https://teratail.com/questions/371762 と同じでは。
画像の背景を背景色と同じ色にしたいです。
また、文字を画像の上に重ねて表示させたいです。
さらに、重ねた文字の下の画像だけをフェードインさせるにはどうすればいいのでしょうか？
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="main.css"> 6 </head> 7 <body> 8 <div id="main"> 9 <div id="main_div"> 10 <h1>BBBBBBBBBBB</h1> 11 <img src="coronavirus-6826309_1280.jpg"> 12 </div> 13 </div> 14 </body> 15</html>
css
1@charset "utf-8"; 2 3body{ 4 margin: 0; 5 padding: 0; 6} 7 8#main{ 9 width: 90%; 10 margin: 30px auto 0; 11 background-color: gray; 12 height: 500px; 13} 14 15#main_div{ 16 margin: 0; 17 width: 100%; 18 height: 500px; 19 display: flex; 20 flex-direction: row; 21 justify-content: flex-end; 22} 23 24#main_div h1{ 25 margin: 150px 0 ; 26} 27 28#main img{ 29 display: inline-block; 30 width: 600px; 31 height: 500px; 32}
「画像の背景」とはどれのことですか？ #main_div でいいですか？
「画像の背景を背景色と同じ色にしたい」とはつまり、#main_div の背景色を #main の背景色と同じにしたい、ということでいいですか？
#main_divの中にある画像の色を#mainの背景色grayにしたいです。
画像自体もgrayがかった色にしたいです。
色が統一されていて、画像もはっきりとした表示になるのが理想です。
「#main_divの中にある画像の色を#mainの背景色grayにしたい」というのは、画像の中のある色を灰色と置換したい、ということですか？
それは画像処理ソフトを使った方がいいですよ。
ありがとうございます！
変換して試してみます。
文字を重ねるのと、重ねた文字の下に設置した画像だけをフェードインさせるにはどうすればいいのでしょうか？
回答します。
回答2件
ベストアンサー
0
投稿2021/12/03 06:48
総合スコア36960
あなたの回答
tips
プレビュー
