无法从图像滑块上方的引导导航中删除背景色

Question

为了澄清起见，我试图将第二个导航栏从顶部更改为透明，以便您可以将其导航到其后面的图像。

我将此CSS应用于导航栏，该导航栏通常可以提高透明度：

#nav > .navbar-inner {
border-width: 0px;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background-color: rgba(0,0,0,0.0);
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);

但是我认为滑块发生了一些变化，尽管导航位于滑块div内，但它仍将滑块图像向下推。 当我使用margin-top：-2em将导航条拉回到导航器下方时，它在导航上仍然没有透明度。 如果在页面上向下滚动，您将在导航上看到应有的透明背景。 任何提示，不胜感激。

Answer 1

在style.css文件中使用它。

.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;}

Answer 2

• 低于height更改为90％。

.carousel-inner { height: 100%; }

• 并删除#imagebox的top-margin 。

无法使用当前标记为.carousel-control提供top:0 ，因为它将与菜单重叠。 否则，您应该为#nav-wrapper提供白色背景色，并使用z-index将其显示在前面。

---

另一个建议是，如果您可以添加带有<div class="spotlight">包装carousel-indicators ， carousel-indicators ， left carousel-control和right carousel-control的新div会更好。

.spotlight {
   position: relative;
   width: 100%;
   height: 90%;
}

Answer 3

只需从.carousel-control.right和.carousel-control.left删除background-image

如您所见，下面的图像没有颜色（技术上是背景图像）。 希望这是您想要的。

Answer 4

将此添加为Abdullah Ibn Farouk所说

.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;}

这是为了使图像合适。

 .fill{
width: 100%;
  height: 100%;

  background-size: cover;
}

Answer 5

bootstrap.min.css更改

.carousel-control.left, .carousel-control.right { background-image: none; }