W3C CSS Validator errors.

[CssPlatz]

When using a full page background and box shadow, is it normal to get these “errors” or I am still doing something wrong ?

Sorry! We found the following errors (8)

URI : TextArea
3 body, html Property -webkit-background-size doesn’t exist : cover
4 body, html Property -moz-background-size doesn’t exist : cover
5 body, html Property -o-background-size doesn’t exist : cover
11 #container Property postion doesn’t exist : absolute
18 #container Property -moz-box-shadow doesn’t exist : 0 0 20px 5px #000000
19 #container Property -webkit-box-shadow doesn’t exist : 0 0 20px 5px #000000
99 #footer Property -moz-box-shadow doesn’t exist : 0 0 20px 5px #101010
100 #footer Property -webkit-box-shadow doesn’t exist : 0 0 20px 5px #101010

[joshuanhibbert]

Yes, that is totally normal, prefixed properties don’t validate. Browsers implement prefixes so that we can use CSS3 properties before they become standard, but that means that they will never validate. Unfortunately we still have to use prefixes, even when properties become part of the specification, to support older browsers.

[CssPlatz]

Thank you Mr. Joshuanhibbert, I appreciate you taking your time to answer my question.

[joshuanhibbert]

No worries at all!

[chaitu]

Hi I am getting bellow css errors in (W3C CSS Validator errors.) while testing please give me the solution how to fix those type of errors
Here is those errors:

#signin_menu input[type=”text”], #signin_menu input[type=”password”] Property -moz-border-radius doesn’t exist : 4px
#signin_menu input[type=”text”], #signin_menu input[type=”password”] Property -webkit-border-radius doesn’t exist : 4px
#signin_menu input[type=”text”], #signin_menu input[type=”password”] Property behavior doesn’t exist : var(behaviorUrl)

.titre_section Property -moz-border-radius doesn’t exist : 5px
.titre_section Property -webkit-border-radius doesn’t exist : 5px
.titre_section Property -khtml-border-radius doesn’t exist : 5px
.titre_section Property behavior doesn’t exist : var(behaviorUrl)
.start-button Property -moz-border-radius doesn’t exist : 5px
.start-button Property -webkit-border-radius doesn’t exist : 5px
.start-button Property -khtml-border-radius doesn’t exist : 5px
.start-button Property behavior doesn’t exist : var(behaviorUrl)
.text_popup Property behavior doesn’t exist : url(../../../../js/scripts/libs/PIE.htc)
#overlay Property -webkit-backface-visibility doesn’t exist : hidden
.modal .modal_wrapper, .modal_ipad .modal_wrapper Property -webkit-overflow-scrolling doesn’t exist : touch

input, select, textarea Parse Error *vertical-align: middle;
input, select, textarea Parse Error }
button, input[type=”button”], input[type=”reset”], input[type=”submit”] Property -webkit-appearance doesn’t exist : button
button, input[type=”button”], input[type=”reset”], input[type=”submit”] Parse Error *overflow: visible;
button, input[type=”button”], input[type=”reset”], input[type=”submit”] Parse Error }
* Parse Error }

Thanks in Advance.
Chaitu

[kanimozhi]

Hi….I Need a Proper solution for vendor prefix validate error in css3..Anyone?

[Author]

Posts