CODEWITHSUNDEEP
cssvendor-prefix
Prachi
Prachi

Reputation: 3

-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.

Upvotes: 0

Views: 1896

Answers (1)

Bruno Kos
Bruno Kos

Reputation: 645

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.

Upvotes: 2

Related Questions