# When I try to make image transparent in navbar, navbar disappears, how to resolve this issue?

**URL:** <https://forum.kirupa.com/t/when-i-try-to-make-image-transparent-in-navbar-navbar-disappears-how-to-resolve-this-issue/655698>\
**Category:** web dev\
**Created:** [December 23, 2022, 7:36am UTC](https://forum.kirupa.com/t/when-i-try-to-make-image-transparent-in-navbar-navbar-disappears-how-to-resolve-this-issue/655698 "2022-12-23T07:36:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![polaryeti](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/polaryeti/32/19283_2.png) [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Post date:** [December 23, 2022, 7:36am UTC](https://forum.kirupa.com/t/when-i-try-to-make-image-transparent-in-navbar-navbar-disappears-how-to-resolve-this-issue/655698/1 "2022-12-23T07:36:32Z")

</div>

> **[Biodata - Personal Category Bootstrap Responsive Web Template - Home : W3Layouts](https://p.w3layouts.com/demos_new/template_demo/28-07-2021/biodata-liberty-demo_Free/2002651968/web/index.html)**

This is the website that I am trying to build.

Below is what I’ve built so far.

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/4/f/4f7682a607e97d2c40b1475107700761bb906a41.jpeg)

I’m using bootstrap. The navbar class is “navbar”.

I put this into css:

```auto
.navbar {

opacity: 0.8;

}

```

But I’m not getting expected output. Please help me get expected output.

---

<div class="post-metadata">

**Author:** ![polaryeti](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/polaryeti/32/19283_2.png) [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Post date:** [December 23, 2022, 1:18pm UTC](https://forum.kirupa.com/t/when-i-try-to-make-image-transparent-in-navbar-navbar-disappears-how-to-resolve-this-issue/655698/2 "2022-12-23T13:18:09Z")

</div>

fixed.

```auto
.navbar {
  background-color: rgba(0, 0, 0, 0) !important;
}

```