html - Chrome makes bounce image in bootstrap carousel -
i have following website: http://huertalia.mx/universidadeswp/site/
<div style="" id="carouseldocumentationindicators" class="carousel slide hidden-xs-down" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/1_2.jpg" alt="first slide"> <div class="carousel-caption left-caption text-left"> <h4 style="padding-left: 30px;" id="univ-click2">soy universitario</h4> </div> </div> <div class="carousel-item"> <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/2_2.jpg" alt="second slide"> <div class="carousel-caption left-caption text-left"> <h4 style="padding-left: 30px;" id="prof-click2">soy profesionista</h4> </div> </div> <div class="carousel-item"> <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/3_2.jpg" alt="third slide"> <div class="carousel-caption left-caption text-left"> <h4 style="padding-left: 30px;" id="empr-click2">soy emprendedor</h4> </div> </div> </div>
that code of carousel, when i'm using chrome image bounces when slide changes. starts deformed , gets adjusted.
this css
.carousel .carousel-inner .carousel-item .carousel-img { width: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; background-color: red; display: inline-block; }
what can do? again, happens when i'm using chrome
Comments
Post a Comment