bootstrap4で、ナブバーのハンバーガーメニューがクリックされた時、サイトの内容が見えるように、出てきたリンクのbackground-colorだけ透明化したいのですが、可能でしょうか。
.show { .navbar-nav { background-color: rgba(226, 241, 252, 0); } }
このようにしたのですが変わってくれません。redなどを指定するとちゃんとredになってくれるのでセレクタはあってると思います。そもそも仕様でできないのでしょうか?
該当のhtml
html
1<div class="collapse navbar-collapse order-xs-2 order-md-1 show" id="navbarNav"> 2 <ul class="navbar-nav"> 3 <li class="nav-item mx-md-auto active"> 4 <a class="nav-link text-nowrap" href="/">TOP<span class="sr-only">(current)</span> </a> 5 </li> 6 <li class="nav-item mx-md-auto "> 7 <a class="nav-link text-nowrap" href="/help">お問い合わせ </a> 8 </li> 9 <li class="nav-item mx-md-auto "> 10 <a class="nav-link text-nowrap disabled" href="#">キャンペーン情報</a> 11 </li> 12 </ul> 13 </div>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/13 12:37 編集