CSSでオーバーレイの上にロゴを表示させたいのですができずに困っています…
こちらのロゴだけオーバーレイの下になってしまっています。
こちらを他のコンテンツ同様、オーバーレイの上に出したいのですが、z-indexでも上に出せずに困っています。
アドバイスいただけますと幸いです。
html
<section class="header"> <div class="full_overlay"></div> <div class="header__logo header_content"> <img class="" src="assets/img/kirameki_foods_logo.png" alt="online"> </div> <div class="header__content_wrapper"> <div class="header__title header_content"> <p class="">沖縄の大地が育んだ</p> <h1>有機栽培オリーブオイル</h1> </div> <div class="header__img header_content"> <img class="" src="assets/img/lp_3_cover_3.jpg" alt="online"> </div> <div class="header__order_btn header_content"> <button class="order_btn"> <p class="icon_send_free">送料無料</p> <p class="text-center order_btn__text"> <p>100gお試しセット/980円(税込)</p> <p>今すぐ申し込む</p> </p> <p class="order_btn__arrow"><i class="fas fa-chevron-right"></i></p> </button> </div> </div> </section>
CSS
.header { background-image: url("../img/cover_bg_pc.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } .full_overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .8); z-index: 1; } .header__logo { z-index: 4; } .header__content_wrapper { display: flex; flex-wrap: wrap; } .header_content { width: 100%; z-index: 3; }

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/05/23 14:03