Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    5

    fare in modo che la background img rimanga centrata anche diminuendo la larghezza del browser

    Salve,
    vorrei che nella mia pagina http://domenicopezzato.com/Mostra-personale
    l'immagine di sfondo rimanga centrata quando diminuisco la larghezza di pagina, come potrei fare?
    Grazie
    Luigi

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    l'immagine rimane centrata, o meglio resta com'è poiché si ridimensiona occupando tutta la finestra. non vuoi il ridimensionamento?

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao,
    @Prill: io noto che l'immagine, è vero, si ridimensiona in base alla larghezza della finestra, ma solo fino ad una certa dimensione, circa 1200px (non ho approfondito per quali criteri funzioni così). Sotto quel valore l'immagine non si ridimensiona più e resta allineata a sinistra. Credo che Luigi intendesse questo.

    Per mantenere l'immagine sempre centrata, io ho provato ad applicare background-position: center 0; direttamente sul div che contiene tale immagine.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  4. #4
    devi usare i css con la proprietà background-size:cover;
    dopo aver impostato l'immagine background:url() center center no-repeat;

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    5
    Grazie mille, ho seguito il consiglio di KillerWorm e funziona alla perfezione!
    Visto che siete stati così rapidi e precisi nelle risposte posso chiedervi aiuto anche in un altro problema che ho nella stessa pagina?
    L'ho riportato in un un'altra discussione: problemi con :hover e iframe nella visualizzazione con explorer 11.0 ( http://forum.html.it/forum/showthrea...readid=2923751 )
    grazie ancora!

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.