Como hago para que no se me vea un fondo negro entre imagen e imagen?
Desde ya muchas gracias.
html,
body {
height: 100%;
}
.carousel,
.item,
.active {
height: 100%;
}
.carousel-inner {
height: 100%;
background: #000;
}
.carousel-caption{padding-bottom:80px;}
h2{font-size: 60px;}
p{padding:10px}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
opacity:0.6;
}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="fill" style="background-image:url('img/img1.jpg');"></div>
</div>
<div class="carousel-item">
<img class="fill" style="background-image:url('img/img2.jpg');">
</div>
<div class="carousel-item">
<div class="fill" style="background-image:url('img/img3.jpg');"></div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>