Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di JoeP
    Registrato dal
    May 2004
    Messaggi
    558

    Immagine dietro al testo

    Avrei bisogno che un immagine (tag <img>) si posizioni dietro al testo e faccia quasi da sfondo, anche se non ripetuto.

    Utilizzando CSS non ci salto fuori.
    E' possibile farlo?

    (premetto che non posso usare background-image)

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    inserisci il testo dentro un div nel cui CSS si hanno gli attributi z-index:100 e background:none;

    dopodichè posizioni il div sopra l'immagine con position:absolute in modo che lo stesso risulti sovrapposto (usa top e left per muovere il div)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di JoeP
    Registrato dal
    May 2004
    Messaggi
    558
    Originariamente inviato da fcaldera
    inserisci il testo dentro un div nel cui CSS si hanno gli attributi z-index:100 e background:none;

    dopodichè posizioni il div sopra l'immagine con position:absolute in modo che lo stesso risulti sovrapposto (usa top e left per muovere il div)
    Mi è impossibile usare posiztion:absolute. Sconvolgerebbe il layout della pagina... :rollo:

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    almeno puoi creare un div e impostare l'attributo background-image per il div??
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it L'avatar di JoeP
    Registrato dal
    May 2004
    Messaggi
    558
    No, quello che vorrei fare è posizionare un'immagine caricato con il tag <img> dietro ad un testo.

    Possibilmente con un codice del tipo:
    <div class="testo">
    [img]img.gif[/img]


    questo testo sta sopra l'immagine img.gif</p>
    </div>

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il

    dovrebbe avere
    position:relative
    top: -YYpx

    dove YY sono i px in vert. dell'immagine

    Forse devi anche mettere all'immagine
    display:block;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it L'avatar di JoeP
    Registrato dal
    May 2004
    Messaggi
    558
    Proverò e vi farò sapere.

    Grazie intanto...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.