Nicoleta Wilskon Nicoleta Wilskon - 1 year ago 130
CSS Question

Transperency to navbar inverse

I have navbar-inverse, I need to have mild transperency to show my navbar lies over my background image. I applied opacity ,for my navbar but I couldnt achieve the mild transperency.As I expect in image attached here.

enter image description here

.logotitle {

height: 60px;!important

.navbar {
opacity: 0.6;!important
filter:alpha (opacity=10);!important

background-image: url("cphoto.jpg");
height: 369px;


<div class="coverphoto">
<nav class="navbar navbar-inverse mynavStyle">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<a class="navbar-brand" href="#"> <img class="logotitle pull-left" src="css/images/logo.png"></a>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#">Find Talent</a></li>
<li ><a href="#">Find Job</a></li>
<li><a href="#">Find Hirer</a></li>
<li><a href="#">Find Talent/Casting Manager</a></li>

Answer Source

try, this

.navbar {
       background-color: rgba(0,0,0,.6)
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download