Come tu stesso hai impostato nel tuo codice, la regola principale è background-size con valore cover. Bisogna capire esattamente cosa intendi per "fino ad un punto oltre il quale rimane fissa". In quell'esempio per ottenere quell'effetto non c'è nulla di più se non quella regola. Il valore cover infatti fa in modo che l'immagine sia "ritagliata" per coprire l'intera area disponibile dell'elemento su cui è applicata, mantenendo il rapporto delle dimensioni (così come hai indicato tu stesso). E' chiaro che l'effetto finale è influenzato sia dal rapporto stesso dell'immagine (quindi i valori originali di larghezza e altezza dell'immagine) sia dalle dimensioni (larghezza e altezza) che può assumere l'elemento su cui è applicata la regola. Se vuoi fissare un limite minimo, puoi impostare qualcosa del tipo min-width e/o min-height per il body o per l'elemento a cui applichi quel background.
Rispondi quotando
Originariamente inviata da KillerWorm
