无法从图像滑块

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%; }

• 并移除top-margin的{​​{1}}。

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

另一个建议是，如果您添加#nav-wrapper包裹<div class="spotlight">，carousel-indicators，carousel-indicators和left carousel-control的新div，效果会更好。< / p>

right carousel-control

Answer 3

只需从background-image和.carousel-control.right

中删除.carousel-control.left即可

如下图所示，没有颜色（技术背景图像）。希望这是你正在寻找的。

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; }