Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2011
    Messaggi
    35

    immagini con div in percentuale

    Ciao a tutti, io avrei un piccolo problema riguardante il ridimensionamento dell'immagine.
    Se io avessi un div alto 50px e largo 50px e volessi mettere una immagine come sfondo mi basterebbe disegnarne una (50px)x(50px)
    MA
    se avessi un div alto 50% e largo 50% io non so dire a priori di che dimensione sarà necessaria l'immagine.... Come si gestisce in genere questo problema? quali sono le soluzioni più diffuse?
    Grazie e buona giornata

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    puoi farlo con background-size, qui un po' di esempi http://www.css3.info/preview/background-size/

    (per versioni di Explorer inferiori alla 9, che non supportano il background-size, si può far ricorso ai filtri proprietari o anche a script concepiti apposta)

  3. #3
    codice:
    background: url(http://tuosito.com/tuaimmagine.png);    /* percorso immagine */
    
    background-size: 100% 100%;    /* lo ridimensioni */
    
    background-position: 0px 0px;    /* lo sposti */

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2011
    Messaggi
    35
    Grazie per i consigli, con i metodi suggeriti riesco a ovviare alcuni problemi, però non la trovo una soluzione universale. Finchè l'immagine è da rimpicciolire siamo tutti contenti, ma se disgraziatamente fa ingrandita ottengo una pietosa grafica (pixellataXD)

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.