Visualizzazione dei risultati da 1 a 4 su 4

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    3

    adattare l'immagine si sfondo alla dimensione del box

    allora ho un contenitore div che occupa il 100% della pagina in larghezza (width), gli ho impostato un'immagine di sfondo, e vorrei che questa immagina occupo il 100% del contenitore (width). Ora il punto è che al ridimensionamento della pagina vorrei mi si ridimensionasse anche l'immagine, il problema ce l'ho con l'altezza. Questa e il codice interessato:

    codice HTML:
    <style type="text/css">
    #conteiner #header {
        background-image: url(img.JPG);
        background-size: cover;
        color: #FFF;
        background-repeat: no-repeat;
    }
    </style>

  2. #2
    Dai all'imagine larghezza 100% e altezza auto
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    3
    gentilmente nelle risposte scrivete il codice, cosi è tutto più chiaro e semplice. Io ho scritto:

    background-size: 100% auto;

    ma non va però, o meglio, per la larghezza e ok, ma l'altezza non la modifica, resta una striscia sottile che contine giusto una parola "header"
    Ultima modifica di Rocky88; 12-07-2016 a 16:53

  4. #4
    se metti background-size:contain; ti prende la dimensione disponibile ma devi essere sicuro che sia proporzionata allo spazio che devi coprire

Tag per questa discussione

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.