Make Bootstrap navbar background transparent using CSS

Question

Hello forumPlease is it possible to make navbar background color blend with the color of div background color when the page is scrolledIf yes how can it be done For example if a page is scrolled the div which the navbar rests on is blue then the navbar background will be blue

dharmendr · Accepted Answer

Hi RichardSaYou need to set backgroundcolor transparentRefer below codeHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltlink rel34stylesheet34 href34httpscdnjsdelivrnetnpmbootstrap453distcssbootstrapmincss34          integrity34sha384TX8t27EcRE3eihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr234 crossorigin34anonymous34 gt    ltscript type34textjavascript34 src34httpscodejquerycomjquery351slimminjs34            integrity34sha384DfXdz2htPH0lsSSs5nCTpujzy4COGpamoFVy38MVBnEIbbVYUewOrCXaRkfj34 crossorigin34anonymous34gtltscriptgt    ltscript type34textjavascript34 src34httpscdnjsdelivrnetnpmpopperjs1161distumdpopperminjs34            integrity34sha3849reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU6BZp6G7niu735Sk7lN34 crossorigin34anonymous34gtltscriptgt    ltscript ty

Make Bootstrap navbar background transparent using CSS

Company

Explore

Follow us

Contact Us