Correggere errore “Fallback color should precede RGBA color” in CSS

Pubblicato il 30 Novembre 2018
Aggiornato il 30 Novembre 2018

Ho da poco attivato AMP sul mio blog DiventareMamma.com , dopo svariate analisi, dubbi e indecisioni alla fine ho fatto il passo. Ovviamente non potevo restare con le mani in mano e lasciare il template di default così com’èra… dunque mi sono messa a personalizzarlo!

Mentre stavo personalizzando un po’ il CSS mi é comparso l’errore “Fallback color (HEX or RGB) should precede RGBA color”. La soluzione é davvero semplice.

Fallback color HEX or RGB should precede RGBA color

 

Se di default il CSS di AMP indica il colore in RGBA io ho mantenuto la stessa regola, ovvero ho usato un RGBA. Per eliminare l’errore basta inserire prima del RGBA l’equivalente in RGB o HEX. Ad esempio, se il tuo CSS era:

[css] .m-menu .amp-menu .toggle:after {
color: rgba(18, 18, 18, 0.8);
}
[/css]

Semplicemente andrai ad aggiungere color: #121212cc; prima del colore RGBA ovvero:

 

[css]
.m-menu .amp-menu .toggle:after {
color: #121212cc;
color: rgba(18, 18, 18, 0.8);
}
[/css]

Fallback color HEX or RGB should precede RGBA color

Per trovare il colore RBG di un RGBA dall’ispettore di Chrome é semplicissimo. Infatti, cliccando sul colore troverai delle freccette che ti permetterano di visualizzare in RGB / RGB o HEX il colore scelto. Vedi sotto!

 

ispettore chrome

Hola!

Sono Nicole,web designer e grafica freelance.

Scopri chi sono

Sono una web designer freelance

Mi occupo di sviluppo di siti web responsive, e-commerce, blog e grafica da circa 15 anni. Dal 2018 aiuto piccoli imprenditori, artigiani e liberi professionisti a portare la propria attività online con successo.

Mi occupo inoltre di formazione e consulenza in UI design per aziende, web agency e freelance, ed offro supporto e percorsi di mentoring a web designer che desiderano decollare con la loro attività.

Creazione siti web
Siti e-commerce
Branding

Formazione per web designer

FREELANCE

Se sei un web designer freelance alla ricerca di orientamento, chiarezza e supporto per prosperare nel mondo digitale in continua evoluzione, sei nel posto giusto! Il mio servizio di consulenza, formazione e mentoring è qui per te.

Scopri la formazione

Dal blog