Q&A
アカウントもう一個作ったんですね、
どうせ「卒論に使う」んですよね？
前提・実現したいこと
学校の課題でhtmlとcssでWEBページを作っています。ヘッダーで固定はできたのですがスクロールするとヘッダーが画像や文字の下にいってしまいネットで調べたところ、z-indexを使うと重なり順が変えられると書いてあって試したのですがうまくできません。まだ初心者なのでプログラミングの書き方がやや汚いですが、温かい目でみてくれるとうれしいです。
※htmlとcssの分け方がわからなかったので一緒に書いてあります。
該当のソースコード
HTML <body> <div id="header-fixed"> <div id="header"> <div class="boxA"> <div class="box1"> <html> <img src="image/rogo.png" width="250" height="125" alt=""> </div><!--box1閉じ--> <div class="box2"> <nav class="menu"> <ul> <li><a href="#" class="btn-square">TOP</a></li> <li><a href="#" class="btn-square2">診断</a></li> </ul> </nav> </div><!--box2閉じ--> </div><!--boxA閉じ--> </div><!--header閉じ--> </div><!--headerfixed--> <div class="box3"> <div class="slider"> <img src="image/hand.png" width="500" height="500" alt=""> <img src="image/ito.png" width="500" height="500" alt=""> <img src="image/joi.png" width="500" height="500" alt=""> <img src="image/nae.png" width="500" height="500" alt=""> </div> </div><!--box3閉じ--> CSS @charset "UTF-8"; .boxA:after {content:""; display: block; clear: both; z-index:100; position: relative} div#header-fixed{ position: fixed; /* ヘッダーの固定 */ top: 0px; /* 位置(上0px) */ left: 0px; /* 位置(右0px) */ width: 100%; /* 横幅100% */ height: 140px; /* 縦幅140px */ } .box1 {float:left; width:50%; z-index:90} .box2 {float:left; width:50%; z-index:80} .box3 {z-index:50; top:150px} .box4 {z-index:40} .box5 {z-index:30; top:150px}
別アカウントを作る時間を勉強するために使いましょう。
https://teratail.com/questions/222822
【利用規約｜teratail（テラテイル）】
https://teratail.com/legal
> 第7条（禁止事項） (10) 複数のユーザーIDを1人で保有する行為
皆さんすごいですね。まさか一瞬でばれるとは思いませんでした笑
禁止事項と知らなかったので止めますね。注意ありがとうございました。
こんな汚いコード見せられたらわかります。
質問を修正してほしいとは言いましたが、
新たな質問を立てて、とは誰も言ってないです・・・。
しかも別アカ立てちゃったなら、質悪くさえ見えてしまいます。
質問は、編集が可能なので、元の質問を修正しましょう。
miyabi_takatsukさんのせいではありません。私のせいです。
わかりました。
それで、元の質問でコメントいたしましたが、学校の先生には質問したのでしょうか？
それとも何か学校の先生に聞けない理由があるのでしょうか？？
いやその前にサイト規約違反への言及ですよ。
平気でルールを破る人をフォローする義理は誰にもありません。むしろ糾弾されて然るべき
> m.ts10806さん
毎度すみません。その通りですね・・・。
控えます。
マナーがなってないのできっと常識がない方なのでしょう。
そりゃ締め切り間近になって焦るのも当然ですね。
もう1年頑張ってください
前の質問でも間接的に少し触れましたが大前提として、これでコード全部ですか？
いくつか回答がして下さっている方法でも解決出来ないようですし、他の部分が影響している可能性もありそうですが・・・
回答2件
0
HTMLの構文がめちゃくちゃな時点でz-index云々の話をすべきではありません。
卒論に使うんだか知りませんが確実に落ちますよ
投稿2019/11/13 03:12
総合スコア10429
卒業研究なので落ちるとかはないんですけど11月末までにはある程度完成させないといけないくてですねどうか慈悲をください。お願いします。もうあなたしか頼れません！！
CPしても問題が再現しませんでした。
よって、あなたの環境に何かしらの問題があると言う結論になります。
以上。
すみません表現間違えていました。
「確実に落ちます」
0
「#header-fixed」が透明だから下にあるように感じるだけでは？
background-Colorを適当に指定してはどうでしょうか？
投稿2019/11/13 03:14
編集2019/11/13 03:15
総合スコア114843
background-Colorで色指定したのですが反映されませんでした。どうすればよいですか？
色付きましたが駄目でした
あなたの回答
tips
プレビュー
