Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737

    [css] background ridimensionato

    esiste un modo per impostare un background-image grande quanto il div contenitore?
    mi spiego, io vorrei fare un div in % che si può ridimensionare ingrandendo il carattere.
    Questo div ha come sfondo un'immagine.
    è possibile fare in modo che quest'immagine non solo non si ripeta ma che occupi sempre tutto lo spazio sia ingrandendo sia rimpicciolendo il div?
    :master:

    è un'idea folle che mi è venuta in mente, però non so se sia possibile farlo...
    Chicco Ravaglia per sempre con noi!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non mi risulta che si apossibile ridimensionare le immagini di sfondo.

    Puoi fare qualche trucco in modo che non si veda molto, facendo un'immagine che occupi circa tutto lo spazio quando il div ha una dimensione "media", posizionando quindi lo sfondo centrato nelle due dimensioni (senza ripetizione) e mettendo un colore di sfondo uguale al colore dei bordi dell'immagine.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    come immaginavo, cmq no problem.
    ho risolto mettendo semplicemente come sfondo no-repeat.
    se ingrandisco rimane uguale, se riduco lo sfondo scompare in parte.
    mi va bene anche così, anche se non è il massimo...
    l'importante era che non mi rimanesse in dimensione fissa come con delle immagini perchè mi avrebbe smontato tutta la pagina...

    gracias
    Chicco Ravaglia per sempre con noi!

  4. #4
    Puoi inserire un codice come questo

    <div style="position:absolute">
    <div style="position:absolute;width:100%;height:100%">
    [img]x.jpg[/img]
    </div>
    <div style="position:absolute;width:100%;height:100%">
    altro contenuto sopra lo sfondo
    </div>
    </div>

    Funziona sicuramente, solo l'uso della posizione assoluta richiede un po' di attenzione nel resto del contenuto.
    <ciao><Enrico/></ciao>

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 © 2025 vBulletin Solutions, Inc. All rights reserved.