Qu'est-ce que l'icône d'avertissement de couleur jaune dans l'inspecteur web chrome implique?
Tout fonctionne bien et il ne semble pas y avoir d'erreurs.
Selon la documentation de Chrome Developer Tools, une icône d'avertissement CSS signifie que Chrome ne comprend pas la règle CSS. Chrome ignore ces règles.
http://code.google.com/chrome/devtools/docs/elements-styles.html#styles_view
Cela peut signifier qu'il y a un problème avec votre CSS, ou cela peut parfaitement bien et le comportement attendu.
Dans le cas commun où vous incluez un CSS spécifique au navigateur que Chrome doit ignorer, chrome vous avertira de la règle, tandis que d'autres navigateurs suivront la règle. Ce n'est pas le cas avec l'exemple CSS présenté dans la question, qui doit être résolu.
Cela signifie qu'il y a quelque chose qui ne va pas avec la propriété ou sa valeur (ou qu'elle n'est pas reconnue).
border-top-color: rgba(0, 0, 0, 0.5)px
est clairement faux – le px
ne devrait pas être là.
Comme autre exemple, -moz-transition
déclenchera le même avertissement, car WebKit ne le reconnaît pas.