Immagine di sfondo: problema repeat-y solo nella vista Elenco categorie

Usando il codice di Dax code con background-repeat impostato su “repeat-y”, ho caricato su Imgur un’immagine ad alta risoluzione di un foglio di carta bianco, scalata a 1920x1440 prima del caricamento. Il comportamento sembra normale all’inizio, tranne nella vista dell’elenco delle categorie, che non scala e/o non ripete l’immagine verticalmente. Tuttavia, ho notato che quando riduco lo zoom nella vista delle categorie, dove l’immagine di sfondo sembrava scalare, anche questa smette di scalare dopo aver ridotto lo zoom al 75%.

Il problema degli intestazioni, sono certo che non sia risolvibile. Non preoccupatevi per quello. Onestamente dubito che userò questa funzione dell’immagine di sfondo, ma volevo comunque segnalarla.

Modifica: la vista del thread dei post sembra comportarsi normalmente, come mostrato di seguito. Colori bizzarri perché sto testando solo la fattibilità al momento (il sito non è ancora online). Il problema delle intestazioni, come notato sopra, è probabilmente il motivo principale per cui eviterò di usare un’immagine (oltre alla leggibilità del testo in certi casi).

1 Mi Piace

Indovino che, dato che il contenuto di quella pagina è breve, #main non occupa il 100% dell’altezza della finestra. Lo sfondo occupa l’intera pagina se aggiungi #main { height: 100vh; }? Puoi anche spostare l’immagine di sfondo sul tag HTML.

3 Mi Piace

Funziona! Grazie mille per due correzioni oggi! :grin:

Una nota sul comportamento: 100vh non ha fatto nulla e 1000vh ha fatto comportare la barra di scorrimento in modo indesiderato (scendeva nel nulla). Anche 200 sembrava troppo, quindi l’ho aumentato a passi di 10. Curiosamente, lo sfondo non si è replicato, facendo riapparire lo sfondo color cachi (normale) in basso. Questo è rimasto così fino a quando non ho raggiunto 140vh.

1 Mi Piace