実現したいこと
ロゴ画像とナビゲーションを一緒に表示したい
前提
bootstrapとhtmlで画面上部のロゴとナビゲーションを作成しているのですが、ロゴが表示されません。画像のurlはブラウザで開けるので画像urlは間違えてないと思います。
発生している問題・エラーメッセージ
開発者ツールのconsoleメッセージではlogo.svg:1 Third-party cookie will be blocked in future Chrome versions as part of Privacy Sandbox.Understand this warningと出てきますが、navbarから外すとロゴは表示されます
該当のソースコード
<nav class="navbar navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="#"> <img src="https://chikushigaoka-dousoukai.com/images/logo.svg" alt="福岡県立筑紫丘高等学校同窓会【公式】" class="d-inline-block align-text-top" style="max-height: 50px;"> </a> <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#bs-navi" aria-controls="bs-navi" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>css
1ソースコード
<div class="collapse navbar-collapse justify-content-end" id="bs-navi"> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="#">ホーム</a></li> <li class="nav-item"><a class="nav-link" href="#">GAOカード</a></li> <li class="nav-item"><a class="nav-link" href="#">奨学財団</a></li> <li class="nav-item"><a class="nav-link" href="#">会長挨拶</a></li> <li class="nav-item"><a class="nav-link" href="#">組織のご案内</a></li> <li class="nav-item"><a class="nav-link" href="#">名簿</a></li> <li class="nav-item"><a class="nav-link" href="#">地図で検索</a></li> <li class="nav-item"><a class="nav-link" href="#">同窓会開催情報</a></li> <li class="nav-item"><a class="nav-link" href="#">会報誌</a></li> <li class="nav-item"><a class="nav-link" href="#">リンク集</a></li> <li class="nav-item"><a class="nav-link" href="#">筑高タウンページ</a></li> </ul> </div> </nav> <div style="text-align: center; margin-top: 50px;"> <img src="https://chikushigaoka-dousoukai.com/images/logo.svg" alt="福岡県立筑紫丘高等学校同窓会【公式】" style="max-height: 50px;"> </div>
試したこと
一個目のimgタグは表示されませんが、二個目は表示されます
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
![guest](/img/icon/icnUserSample.jpg)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。