0
我已經用Bootstrap編寫了以下代碼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>
http://xomisse.com/blog/make-navigation-bar-other-blog-elements-partially-transparent/ – tech2017
我已經使用了opacity屬性和rgba值。它沒有幫助。導航欄的顏色變得更輕,就這些了。我需要的是通過導航欄使橫幅圖像可見。 – Rusletov
你嘗試過改變z-index嗎? – tech2017