Su Firefox le immagini in alto delle pagine viaggio si vedono divise a metà e il testo si sposta durante lo scroll (non su Chrome/Opera/Edge)
Salve,
Il problema si presenta sul sito Tu Sei Pietro Viaggi (tuseipietroviaggi.it), nelle pagine dedicate a un singolo viaggio con data di partenza e ritorno (ad esempio questa: https://www.tuseipietroviaggi.it/tours/pellegrinaggio-lourdes-17-20-agosto/).
Il problema si vede solo su Firefox (ho Windows 11, Firefox aggiornato all'ultima versione), non su Chrome, Opera o Edge, provati sulla stessa identica pagina.
Il mio Firefox è pulito: nessuna estensione installata.
Cosa si vede:
La grande foto in alto della pagina appare divisa a metà, con una parte più chiara e una più naturale, come se ci fosse una linea che taglia l'immagine in due Scorrendo la pagina verso il basso, a un certo punto il testo e i dati del viaggio (data, durata, costo) si spostano di colpo e finiscono nascosti sotto la foto, invece di apparire subito sotto in modo normale
Ho già chiesto supporto a chi realizza il tema grafico su cui è costruito il sito, e mi ha risposto che dal suo lato, scorrendo la stessa pagina, non vede alcun errore o anomalia.
Posso allegare screenshot che mostrano bene il problema, sia su Firefox (dove si vede) sia su Opera (dove tutto è normale, per confronto).
La mia domanda: è un problema conosciuto di Firefox con questo tipo di effetto (l'immagine che si muove leggermente mentre si scorre la pagina)? C'è un modo per risolverlo?
Grazie in anticipo per qualsiasi aiuto o risposta in merito. Tiziano@tuseipietroviaggi.it
Tutte le risposte (1)
Per quel che vedo, il problema è che stai utilizzando un template HTML costruito/ottimizzato per Chrome e che quindi funziona bene su tutti i browser basati su Chrome (edge, opera, etc.) ma evidentemente non con Firefox.
Il codice HTML del sito è piuttosto complesso per cui non so indicarti esattamente quale sia il problema. Secondo me è un problema del foglio di stile che gestisce l'immagine di sfondo. Peraltro con alcune risoluzione funziona correttamente come puoi verificare anche tu andando in Menu > Altri strumenti > Modalità visualizzazione
Se pensi possa essere utile, puoi segnalare l'incompatibilità qui https://webcompat.com/ Molte delle segnalazioni che arrivano qui vengono prese in carico dagli sviluppatori di Mozilla.