Prachi Prachi - 30 days ago 6
CSS Question

-moz-box-shadow not working on mozilla

#toggle div:hover {
background: rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 -1px rgba(0,0,0,0);
-moz-box-shadow:inset 0 -1px rgba(0,0,0,0);
box-shadow:inset 0 -1px rgba(0,0,0,0);
color: #fff;
}


Above is the css block I am using on Mozilla, and gives me Unknown property '-moz-box-shadow'. Declaration dropped. warning.

And the jquery I am using is 1.7.2 version and also tried with 1.9.1 same warnings.

I fear that these warnings is restricting my css to work fully.

Answer Source

It has nothing to do with restrictions, but only with the fact that browser prefixes are not recognized by W3C. Your code will work well, even if you'll see these warning during validation.

Check this answer.