[HTML] Effetto carousel di testo su immagine fissa

Discussione in 'HTML e CSS' iniziata da Roberto Garavaglia, 3 Febbraio 2019.

Tag (etichette):
  1. Roberto Garavaglia

    Roberto Garavaglia Nuovo Utente

    Registrato:
    3 Febbraio 2019
    Messaggi:
    2
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    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:
    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>
    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
     
    Ultima modifica di un moderatore: 4 Febbraio 2019
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.798
    Mi Piace Ricevuti:
    283
    Punteggio:
    83
    Sesso:
    Maschio
    @Roberto Garavaglia
    Da regolamento del forum, come tutti noi sei tenuto ad usare il tag [​IMG] o il tag [​IMG] per il PHP, quando posti del codice, oppure la funzione codice dalla barra degli strumenti
    [​IMG]
    Inoltre ti prego di leggere attentamente il regolamento generale del forum e quello di sezione dove posti
    Grazie
    Per questa volta te lo sistemo io ma mi raccomando per il futuro
     
  3. Roberto Garavaglia

    Roberto Garavaglia Nuovo Utente

    Registrato:
    3 Febbraio 2019
    Messaggi:
    2
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Grazie, chiedo scusa per il mancato rispetto del regolamento.
    Roberto
     
Sto caricando...

Condividi questa Pagina