2012-06-13 8 views
5

Ho trovato uno strano bug in Firefox. L'ho provato anche in Chrome, ma non è successo ..Firefox antializing disabilitato, quando si utilizza il DIV fisso

Sto usando un oggetto di sfondo. È un div con posizione fissa e dimensioni 1920 * 1050. Ho bisogno di questo, perché voglio che il mio sito sia compatibile con tutte le risoluzioni. Una risoluzione più piccola nasconde gran parte dello sfondo, ma gli utenti full HD possono vedere l'intero sfondo.

Se utilizzo la posizione assoluta per questo div, il mio browser mi consente di scorrere in orizzontale. Posso nasconderlo con overflow nascosto, ma non posso disabilitare l'abilità di scorrimento. Con la posizione fissa, i browser non "vedono" l'intero oggetto, ed è uguale allo scorrimento orizzontale disabilitato.

Se qualcuno ha altre soluzioni, sarei molto grato per questo.

Il problema di questa soluzione, è questo:

Si può vedere la differenza tra i due. È lo stesso stile del testo, ma nessun anti-aliasing su uno fisso. Con dimensioni del font più piccole è davvero fastidioso.

Qualcuno ha incontrato questo errore in passato? Come posso risolvere il problema o qualsiasi altra soluzione per l'immagine di sfondo?

Aggiornamento

Va bene, ho cancellato il div, e lo sfondo aggiunto per il mio tag body, con l'attributo fisso, e succede lo stesso ... background-attachment: fixed; < Provoca lo stesso problema

+0

per me il rendering dell'immagine sotto la posizione fissa sembra molto meglio dell'altro –

+0

hmm, forse hai l'alta risoluzione e non riesci a vedere le lettere "e" ruvide. –

+2

Solo un'osservazione sul tuo sfondo 1920x1050 ... la tecnologia ti ha già raggiunto. –

risposta

0

Non sono proprio sicuro di quale dovrebbe essere il tuo background. Ma se hai bisogno di uno sfondo proporzionalmente scalabile che si adatti a tutte le dimensioni della finestra del browser, puoi utilizzare il plug-in this e un JPG ad alta risoluzione con il precarico su.

0

Rimuovi qualsiasi proprietà box-shadow dall'elemento padre. Questo ha funzionato per me.

Problemi correlati