Recentemente per la seconda volta, ho scoperto che una pagina Web che era stata visualizzata correttamente in Chrome non lo ha più fatto, senza modifiche alla mia parte. Non riesco nemmeno a definire dove Chrome non funziona. Darò i miei esempi e grazie per eventuali suggerimenti, suggerimenti o soluzioni! background-image (s) piastrelle in verticaleProblemi di visualizzazione CSS in Chrome: background-image & position
background-image Il sito saversetter.com utilizza. Chrome non li mostra più. Visualizza in Firefox o IE per rendere visibile lo sfondo sfumato. Chrome lo ha mostrato correttamente fino a pochi mesi fa.
posizione Scorrere fino alla fine di una pagina su deadlynightshades.com e passa il mouse sopra le Zoomers lì. Fino a poche settimane fa Chrome e tutti i browser mostravano il titolo in picchiata verso il centro-basso. Poi improvvisamente, ora so, Chrome da solo ha iniziato a posizionare male i titoli. L'ho risolto in Chrome, solo per romperlo negli altri browser, come è ora. Questo esempio sembra buono in Chrome, ma non dovrebbe. Visualizza gli zoomer in Firefox o IE per vedere come appare un titolo disallineato.
Queste pagine hanno funzionato in Chrome, quindi improvvisamente non sono più visualizzate correttamente, senza modifiche note sulla mia estremità. Nei suoi aggiornamenti, Chrome ha cambiato, drasticamente, la visualizzazione CSS per le regole che coinvolgono l'immagine di sfondo o la posizione assoluta?
ADDENDUM: Questa domanda Is there a bug in Chrome's CSS visibility rendering? sembra correlata ai miei problemi di zoomer, mi spiace di non averlo notato prima!
SOLUZIONE: Ci scusiamo per averlo chiesto, quindi ho trovato la mia soluzione. Chiedere mi ha aiutato a inquadrare il problema, ma sarò più attento con il tuo tempo in futuro! Il problema di posizione è stato risolto specificando una posizione percentuale anziché una posizione pixel, nel css creato dalla jquery per l'animazione del titolo. Nessuna soluzione generale a questo o quello che era cambiato in Chrome. Impossibile riprodurre in un ambiente di test, quindi è qualcosa sulla mia pagina oltre alle modifiche in Chrome.
Per quanto riguarda la visualizzazione dell'immagine di sfondo, Chrome presenta problemi con la dimensione dello sfondo.
background-size: 25% auto; viene ridotto a background-size: 25%; e il 25% viene riutilizzato in modo errato per altezza e larghezza. Ho modificato "auto" in "100%" e Chrome ha iniziato a mostrare le immagini alte un pixel. Esattamente ciò che auto significa in questo contesto non è chiaro, non so perché l'ho usato per cominciare, ma Firefox e IE lo rendono come la dimensione dell'immagine, mentre Chrome sembra utilizzare l'altro valore definito per entrambe le dimensioni .
quale versione di Chrome stai usando? – ProdigyProgrammer
Sto usando al momento della stesura, Versione 24.0.1312.35 beta-m – rabidrobot
Mi scuso per aver posto la domanda sulle pagine Web esistenti invece di un jsfiddle.Si prega di ignorare il problema dello zoomer/posizione, dal momento che sono passato dal posizionamento dei pixel alla percentuale, ed è stato in grado di farlo funzionare, anche se non so perché il vecchio modo non ha funzionato. – rabidrobot