How to make the banner image visible through the transparent navigation bar?

Question

I've written the following code with Bootstrap 4. On the picture below I describe what I want to achieve. Thank you!

    <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>

Answer 1

If I get it right, your need to actually put your navbar over the banner. Currently they are just set next to each other. Try to adjust the position - absolute or fixed.

How to make the banner image visible through the transparent navigation bar?

Question

1 answers

solution1
0 2017-05-29 18:57:31

How to make the banner image visible through the transparent navigation bar?

Question

1 answers

solution1 0 2017-05-29 18:57:31

solution1
0 2017-05-29 18:57:31