透明度到導航欄反轉

我有導航欄反轉，我需要有溫和的透明度來顯示我的導航欄位於我的背景圖片上。我應用不透明度，爲我的導航欄，但我無法實現輕度transperency.As我期望在圖像附加在這裏。透明度到導航欄反轉

.logotitle { 
    width:30px; 
} 


.mynavStyle{ 
    height: 60px;!important 
} 

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

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

HTML：

<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> 
     </button> 
     <a class="navbar-brand" href="#"> <img class="logotitle pull-left" src="css/images/logo.png"></a> 
    </div> 
    <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> 
     </ul> 
    </div> 
    </div> 
</nav> 
</div>

來源

2016-11-14 Nicoleta Wilskon

嘗試，這

.navbar { 
     background-color: rgba(0,0,0,.6) 
    }

來源

2016-11-14 09:12:26 codeninja93

這是不正確的語法：

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

它應該是：

.navbar { 
    background:rgba(0, 0, 0, 0.65); 
}

來源

2016-11-14 09:13:25 Stuart

只需設置RGBA背景：

.navbar { 
    background: rgba(0,0,0,0.5); 
}

來源

2016-11-14 09:13:37 emtei

.navbar { 
    background-color: transparent; 
    background: transparent; 
    opacity: 0.6;!important 
    filter:alpha (opacity=10);!important

}

試試這個

來源

2016-11-14 09:18:47

您應該使用背景透明度，而不是透明度，即」

.navbar{ 
    background: rgba(0,0,0,0.6); 
}

RGBA（）影響單個屬性，如顏色，背景色或邊框顏色，通過CSS，只有這些元素的

不透明針對性的一個元素會影響所有屬性（整個展望）的目標元素以及所有他們的DOM樹兒童

來源

2016-11-14 09:31:18 Chris

透明度到導航欄反轉

回答

相關問題