W3C CSS Validator 버그
개요
현재 W3C 의 CSS Validator 에는 버그가 있습니다. 사용에 주의를 요합니다.
버그 내용
아래와 같은 CSS 구문을 입력해 검사를 해보면
#someElement {
background: url(images/img.png) no-repeat center;
}
잘못된 값 : background 해석 오류 [empty string] 이라는 오류를 보실 수 있습니다.
CSS Validator 에서 오류가 아닌 항목을 오류로 판단하고 있습니다.
마지막 background-position 부분에서 값을 하나 생략하는 경우 이와 같이 해석 오류를 보고 하고 있습니다.
CSS 2.1 스펙
CSS 2.1 Specification – background-position
하지만 이 구문은 링크에서 보시는 것 처럼 CSS 2.1 표준에 부합하는 구문이며, 심지어 스펙에서 제공하는 예제 조차 CSS-Validator는 오류를 보고 하고 있습니다.
이 문제는 W3C 의 버그 리포트에도 등록된 상태 입니다. (상태는 NEW ;;)
해법
1. 처음 제시한 구문을 아래 처럼 값 2개를 모두 명시하도록 수정 하거나
#someElement {
background: url(images/img.png) no-repeat center center;
}
2. http://qa-dev.w3.org:8001/css-validator/ 를 이용해서 점검하면 위의 오류를 피할 수 있습니다.
(사족)
# 너무 오랜만에 블로그에 글을 써서 그런지 시간이 굉장히 오래 걸렸습니다. (미리보기를 몇번이나 확인 하는지 ;;)
# 이래서야 2009년에 그랬던 것처럼 블로깅 하기가 꺼려질텐데 … 좀 가볍게 임해야겠습니다.
:
