Boostrap navbar-default transparent

Question

私のウェブサイトに問題があります。私は反応的な使用のためにブートストラップを使いました。そして、私はnavbarを持っていて、私は背景が透明に見えるようにしたいと思います。私はその持っている瞬間のために

： thatは 私の背景は、すべての高さ

をとらないと私は

Like thatをしたい、あなたのアイデアを持っていますか？

HTML：

<header> 
     <div class="header-content"> 
     <div class="header-content-inner"> 
      <h1>Lorem ipsum</h1> 
     </div> 
     </div> 
    </header> 
</body> 

とCSS：

html, body 
{ 
    height: 100%; 
    width: 100%; 
} 

.navbar 
{ 
    height: 70px; 
} 
.navbar-default 
{ 
    background-color: transparent; 
    border-color: rgba(255,255,255,.3); 
    border-radius: 0; 
} 

header { 
    position: relative; 
    width: 100%; 
    min-height: 100%; 
    text-align: center; 
    color: #fff; 
    background-image: url(../img/bg.jpg); 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    -o-background-size: cover; 
} 

header .header-content { 
    position: relative; 
    width: 100%; 
    padding: 100px 15px; 
    text-align: center; 
} 

私の英語のため申し訳ありません。

Answer 1

私はこれがあなたの探していると仮定しています。

opacity: 0.5; 
filter: alpha(opacity=50); /* For IE8 and earlier */ 

https://jsfiddle.net/ftaqk4u6/7/