Domanda

Ho appena iniziato a usarlo Google Chrome, e notato in alcune parti del nostro sito, ad es.tutti i link presenti nella pagina, sono di colore rosso brillante.Dovrebbero essere neri con una sottolineatura tratteggiata.

C'è qualche trucchetto? WebKit rendering che trasforma tutti i collegamenti in rosso indipendentemente dallo stile?

È stato utile?

Soluzione

Tutte le risorse a cui ti stai collegando nel presente si trovano nelle posizioni in cui la tua pagina le cerca (verificalo controllandolo effettivamente).Ho anche riscontrato un problema durante il controllo di un'app in Safari in cui stavo tentando di estrarre un file che non era presente e ho ottenuto un output molto simile al tuo (collegamenti rossi).

MODIFICARE:Aggiungendo la scoperta di Developingchris alla risposta, poiché la spiega così bene:

k, l'ho trovato.

Se uno dei tuoi fogli di stile è mancante o percorso in modo errato, lancia un 404.Se la tua pagina 404 ha stili in linea, vengono rispettati tramite la regola "Fogli alternativi" in Webkit.

Pertanto, i collegamenti rossi sullo "schermo giallo della morte" stanno causando il mio problema in sovrapposizione.

Altri suggerimenti

k, l'ho trovato.

Se uno qualsiasi dei tuoi fogli di stile manca o ha un percorso errato, genera un 404.
Se la tua pagina 404 ha stili in linea, vengono rispettati tramite la regola dei "fogli alternativi" nel webkit.

Pertanto, i collegamenti rossi sullo "schermo giallo della morte" causano la sovrapposizione del mio problema.

Chrome ha un bug in cui si trova obbedisce a fogli di stile alternativi.Hai un foglio di stile alternativo che rende i collegamenti rossi?

Questo spiega il problema che ho avuto con la mia app: era un'app Rails, che ha anche 404 pagine con il rosso applicato ad alcuni stili.Ha molto più senso oggi che allora.Peccato che tu non possa accettare la tua stessa risposta!

puoi usare una console jscript come firebug per scoprire da dove viene il colore

Hai impostato a :visited impostazione nel tuo foglio di stile?

Esegui il tuo file CSS e il tuo file HTML attraverso i validatori w3c.Ho riscontrato un problema simile durante il test di un'applicazione in Safari.Il problema era nel mio codice.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top