Buonasera a tutti!
Sto affrontando un problema da diversi giorni e ne sono venuto quasi a capo: vorrei utilizzare l'effetto carousel di Bootstrap 4 dove scorre solo il testo e l'immagine rimane fissa. Ho risolto in questo modo:
In pratica ho aggiunto aggiunto un div dopo section e gli ho assegnato lo stile position: relative e poi al div del carousel gli ho aggiunto style="position: absolute; bottom: 100px; width: 90%; height: 50%"
Il testo ora scorre sopra l'immagine fissa ma scorre solo una riga di testo e quando si ferma si espande e fa vedere tutto. Dove sbaglio? Ho utilizzato bootstrap 4.
Mi potete dare un'idea?
Grazie
Sto affrontando un problema da diversi giorni e ne sono venuto quasi a capo: vorrei utilizzare l'effetto carousel di Bootstrap 4 dove scorre solo il testo e l'immagine rimane fissa. Ho risolto in questo modo:
HTML:
<section class="section">
<div style="position: relative;">
<img class="d-block w-100" src="https://via.placeholder.com/1920x800" alt="">
<div id="carouselExampleSlidesOnly" class="carousel slide" style="position: absolute; bottom: 100px; width: 90%; height: 50%" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h1 style="color: whitesmoke">Testo 1</h1>
<p >Sottotitolo</p>
</div>
<div class="carousel-item">
<div style="border: 2px solid blue;">Testo 2</div>
</div>
</div>
</div>
</section>
Il testo ora scorre sopra l'immagine fissa ma scorre solo una riga di testo e quando si ferma si espande e fa vedere tutto. Dove sbaglio? Ho utilizzato bootstrap 4.
Mi potete dare un'idea?
Grazie
Ultima modifica di un moderatore: