Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Immagine di sfondo

  1. #1

    Immagine di sfondo

    Ciao a tutti
    ho usato il seguente codice trovato su internet per inserire un immagine in una pagina html, in modo che l'immagine si adatti da sola alla dimensione della finestra
    <head>
    <style>
    #container {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: scroll;
    }
    #container img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    min-width:100%;
    min-height:100%;
    }
    </style>
    </head>

    <body>
    [img]sfondo.jpg[/img]............................

    Il codice funziona correttamente ma purtroppo mi NASCONDE tutto il contenuto della pagina html (tabelle testo gif ecc)

    PERCHE'?

  2. #2
    #container {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: scroll;
    }

    Il valore fixed impostato sul #container lo fa sovrapporre al contenuto della pagina.
    Se lo togli o imposti a relative il #container si riposizionerà nel normale flusso degli elementi della pagina.

  3. #3
    Ho provato ma come risultato mi da solo uno spazio bianco a sinistra e in alto il contenuto della pagina html viene scalato sotto l'immagine

  4. #4
    Il codice è confuso perchè è stato dato l'id container all'immagine stessa.

    Se lo scopo è solo quello di adattare l'immagine alla pagina basta

    #container {
    width:100%;
    }

    e togliere tutto il resto.

  5. #5
    Grazie per la risposta

    sono riuscito a farlo a fortuna anche cosi:

    body{
    background-image: url(sfondo.jpg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    }

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.