Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Background con immagine verticale che si allunga

    Salve a tutti
    ho delle pagine che come sfondo hanno una immagine verticale con i colori a sfumare
    Questa immagine è composta dal colore blu scuro che sfuma sino al blu chiaro come si vede più avanti.
    L'immagine è alta 1024px, se la pagina è più alta il browser ripete l'imagine creando uno sgradevole effetto di "spezzato".
    E' possibile:
    -avere una immagine di sfondo che si allunga o accorcia? (dalle risposte che ho letto sul forum sembra che con css2 non sia possibile, però erano risposte di 3-4 anni fa)
    -oppure avere uno sfondo che sfuma i colori automaticamente?
    chiedo troppo?
    grazie
    Pino

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    E' possibile con la proprietà gradient, fra i generatori di codice on line: http://www.colorzilla.com/gradient-editor/#_

  3. #3
    grazie Prill per la risposta
    non conoscevo gradient (come altri milioni di funzioni ;-)
    però sembra non essere supportato da ie
    io ho ie 9
    comunque è una strada.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    I gradienti sono CSS3 e non sono supportati da tutti i browser.

    La cosa piu` semplice, secondo me, e`:
    1. dare il no-repeat all'immagine (o farla ripetere solo in una direzione)
    2. inserire un colore di sfondo uguale all'ultimo colore del gradiente, in modo che se la pagina e` piu` lunga non si veda l'interruzione
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    complimenti mich è una genialata !!!
    funziona alla grande!
    l'ho sempre detto che le soluzioni più efficaci sono quelle semplici!
    grazie ancora e
    e grazie a prill perchè questa del gradient è una proprio una cosa interessante

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Meglio che tu abbia risolto in maniera semplice, crossbrowser, ed evitando proprietà non standard nel css, ma c'è da precisare che comunque l'effetto gradient può esser reso anche da explorer attraverso apposito filtro (che poi si trovava indicato alla pagina lincata)

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.