导航栏背景图片不透明

Question

我的图像是一个半圆底的正方形图像。图像具有透明背景，我想将其设置为导航栏的重复背景，从而产生遮篷效果。

我看到当我查看我的网站时图像的透明部分不透明，它们是白色的。为什么我看不到我的网站背景？

透明背景

的背景图片

结果导航栏

CSS

  .navbar-default {
        box-shadow: none;
        border: 0;
        margin-bottom:0; 
        background-image: url('../img/navbarbackground.png');
        font-family: angsannaUPC;
    }

HTML                    
                                                                                                   切换导航                                                                                                                        M.H.O'Hare＆amp;联营＆LT; / A＆GT; - ＆GT;                 

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-center">
                <li><a href="/projects.html">Cakes</a></li>
                <li><a href="/services.html">Buns</a></li>
                <li><a href="/aboutus.html">About us</a></li>
                <li><a href="/contactus.html">Contact us</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>  

Answer 1

导航栏的背景可能不透明。图像可以是透明的，但其后面的至少一个层，导航栏div或流体容器不是。

Answer 2

得到了Gilchrist的答案。导航栏的背景不透明。将此添加到css解决了这个问题。

   background-color: rgba(0,0,0,0.0);