Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di pariri
    Registrato dal
    Jul 2003
    Messaggi
    1,470

    Background con due sfondi

    Ciao!!

    Ho impostato in alto uno sfondo:

    body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: url(../image/sf01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    }
    che rimane in alto e in centro però mi serve "completare" ilresto con un altro sfondo. Come faccio? E' possibile?

    Grazie mille!!!
    La vita è un percorso, goditi il viaggio.

  2. #2
    gooooooogle
    oppure puoi creare una sola immagine che contenga entrambe le immagini iniziali

  3. #3
    Utente di HTML.it L'avatar di pariri
    Registrato dal
    Jul 2003
    Messaggi
    1,470
    Grazie dell'aiuto...

    Ho fatto così ma non funziona:
    codice:
    body {
    	margin: 0px;
    	padding: 0px;
    	text-align: center;
    	background-image: url(../image/sf01.jpg), url(../image/sf02.jpg);
    	background-repeat: no-repeat, repeat-y;
    	background-position: top center, 20% center;
    	background-color: #c40300;
    }
    Dove sbaglio?

    Grazie ancora!
    La vita è un percorso, goditi il viaggio.

  4. #4
    Dai un'occhiata QUI , fai conto che tu stai usando i "multiple backgrounds" di css3, considera quali broswers attualmente supportano questa proprietà e controlla che tu stia usando uno di quelli supportanti. In sostanza, probabilmente non hai sbagliato nulla nel codice, solo che ancora non sono per niente diffuse le direttive css3 (mi si passi il terminone ).
    Perchè non prendere in considerazione l'"oppure" di rickystra?
    «Se non vi è rimasta molta anima e lo sapete, vi resta ancora dell'anima.»
    Occhio all' Ursupanaru!

  5. #5
    Utente di HTML.it L'avatar di pariri
    Registrato dal
    Jul 2003
    Messaggi
    1,470
    Devo inserire una img nella testa del sito che è una e poi per tutto il resto è un altra... cmq forse cambio idea se non è possibile.

    Grazie!!!
    La vita è un percorso, goditi il viaggio.

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    142
    ma xkè non metti un div grande tutta la finestra al cui interno inserisci il tuo sito?
    poi al div dai uno sfondo senza ripetizione, posizionato in alto, e al body metti lo sfondo del resto della pagina...

    in buona sostanza:
    codice:
    <body>
    
    <div id="sfondo">
    
    QUI INSERISCI IL TO SITO
    
    </div>
    
    </body>
    poi nel css:
    codice:
    body {
    background-image: url(../image/sf02.jpg);
    background-repeat: repeat-y;
    background-position: center;
    }
    
    html, body {
    height: 100%
    }
    
    #sfondo {
    height: 100%
    background-image: url(../image/sf01.jpg);
    background-repeat: no-repeat;
    background-position: top;
    }
    prova vedi se ti piace...

  7. #7
    in realtà esiste una tecnica per applicare più di uno sfondo ad un elemento con css2, utilizzando gli pseudo elementi :before e :after. Guarda qui:

    http://nicolasgallagher.com/multiple...ers-with-css2/

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    142
    wooow per questa intanto ti ringrazio io non lo sapevo...

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.