简体   繁体   中英

what does the yellow color warning icon mean in the chrome web inspector?

what does the yellow color warning icon in the chrome web inspector imply?

在此输入图像描述

Everything is working fine and there doesn't seem to be any errors whatsoever though..

According to the Chrome Developer Tools documentation, a CSS warning icon means that Chrome doesn't understand the CSS rule. Chrome ignores these rules.

http://code.google.com/chrome/devtools/docs/elements-styles.html#styles_view

This may mean there is a problem with your CSS, or it may perfectly fine and expected behavior.

In the common case where you include browser specific CSS that Chrome should ignore, chrome will warn you about the rule, while other browsers will follow the rule. That's not the case with the example CSS presented in the question, which needs to be fixed.

It means there is something wrong with the property or its value (or, that it's unrecognized).

border-top-color: rgba(0, 0, 0, 0.5)px is clearly wrong - the px should not be there.

As another example, -moz-transition will trigger the same warning, because WebKit does not recognize it.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM