透明なナビゲーションバーからバナー画像を見えるようにするにはどうすればよいですか？

私はブートストラップ4で次のコードを書いています。下の画像では、私が達成したいことを説明します。ありがとうございました！透明なナビゲーションバーからバナー画像を見えるようにするにはどうすればよいですか？

<style> 
     div.jumbotron { 
      background: #458392 url("img/banner.jpg") no-repeat right; 
     } 

     nav.navbar { 
      background: rgba(69, 131, 146, 0.4); 
     } 
    </style> 

<body> 

<nav class="navbar navbar-toggleable-sm navbar-inverse"> 
    /*some code*/ 
</nav> 

<div class="jumbotron jumbotron-fluid text-white"> 
    /*some code*/ 
</div> 

</body>

出典

2017-05-29 Rusletov

http://xomisse.com/blog/make-navigation-bar-other-blog-elements-partially-transparent/ – tech2017

私はすでにopacityプロパティとrgba値を使用しています。それは助けになりませんでした。 navbarの色は明るくなり、それだけです。私が必要とするのは、ナビゲータからバナー画像を見えるようにすることです。 – Rusletov

Z-インデックスを変更しようとしましたか？ – tech2017

実際にナビバーをバナーの上に置く必要があります。現在、彼らはちょうどお互いの隣に設定されています。絶対位置または固定位置の調整を試みます。

出典

2017-05-29 18:57:31

あなたはそうです。私はブートストラップには新しいので、実際にどのようにコード化するのか分かりません。今、私はnavbar要素をバナーの上に置き、ほとんど私が望むものを得ました。 – Rusletov

透明なナビゲーションバーからバナー画像を見えるようにするにはどうすればよいですか？

答えて

関連する問題