Mozilla 한국 커뮤니티

안녕하세요.

얼마전부터 웹표준을 준수하고자 열심히(?)작업을 하고있습니다.
기본적인 html 유효성 검사는 일일이 페이지마다 다 검수한 상태인데
css 에서 아래와 같은 경고문구가 있어서 문의드립니다.

color:#0000; 이부분들에서 경고메세지가 나오는데...
font-color:#0000; 로 바꾸면 경고는 안나오지만 ie외의 다른 브라우저에서는
해당 폰트컬러가 표현되질 않네요
일단은 color로 작업을 마친 상태인데 영 찜찜해서요

혹시 이부분도 깔끔하게 검수할 방법이 있는지 궁금합니다.
그럼 좋은하루 되세요^^

Warnings
URI : file://localhost/font.css

div#userinfo
* Line : 32 (Level : 1) You have no background-color with your color : div#submenu
* Line : 42 (Level : 1) You have no background-color with your color : a
* Line : 46 (Level : 1) You have no background-color with your color :

아....color:#000000 <- rgb 값은 제대로 입력한 상태입니다.
게시물에는 0이 두개가 빠졌네요;;

위만 봐서는 잘 모르겠습니다.
font-color이라는건 css 속성에 존재하지 않습니다.
그냥 color만 쓰시는게 맞습니다.
소스를 올려보세요.

color는 지정하고 background color를 지정하지 않으면 사용자가 기본으로 쓰는 배경색이 쓰이겠지요. 그런데, 그 배경색이 지정한 전경색과 비슷하거나 심지어 같다면 내용을 알아볼 수 없겠지요. 그래서, 전경색과 배경색을 같이 지정하는 게 좋습니다. CSS 문법 검사기에서는 전경색만 지정하는 게 문법에 어긋나지는 않지만, 앞서 언급한 문제가 있으므로, 경고를 냅니다.

박민권 wrote:위만 봐서는 잘 모르겠습니다.
font-color이라는건 css 속성에 존재하지 않습니다.
그냥 color만 쓰시는게 맞습니다.
소스를 올려보세요.

폰트 컬러만 지정한 곳들에서 경고가 나네요

ul.nav a {
text-decoration:none;
color:#12475F;
}
ul.nav a:hover {
text-decoration:none;
}
ul.nav a:hover span {
color:#ffffff;
}
li.current a {
color: #ffffff;
}

빛알갱이 wrote:color는 지정하고 background color를 지정하지 않으면 사용자가 기본으로 쓰는 배경색이 쓰이겠지요. 그런데, 그 배경색이 지정한 전경색과 비슷하거나 심지어 같다면 내용을 알아볼 수 없겠지요. 그래서, 전경색과 배경색을 같이 지정하는 게 좋습니다. CSS 문법 검사기에서는 전경색만 지정하는 게 문법에 어긋나지는 않지만, 앞서 언급한 문제가 있으므로, 경고를 냅니다.

아..그렇군요;;
그런데 만일 반드시 배경색을 지정해줘야 해서 background color를 주면
배경이미지가 깔린곳에서는 그위로 배경색이 덮여지거든요..;;

배경색을 투명하게 하고 싶다면,
background-color: transparent;

로 한 번 정의해 보세요. 예전에 그런 경우가 있어서 저렇게 해결을 봤던 것 같은데 테스트 해보지는 않았습니다.


그리고 저 css 경고 문구는 그리 신경 쓸 필요는 없다고 생각합니다. 사실 매번 color 지정할 때 마다 배경색도 지정해줘야 한다는 게 좀 부담스럽기도 하죠. 하지만 가끔 문제가 발생할 때도 있습니다.

가령, 배경으로 쓰이는 이미지가 검은색 또는 어두운 색 계열이라고 해보죠. 당연히 글자는 밝은색 계열로 써야 잘 보일 겁니다. 그런데 브라우저의 기본 바탕색은 흰색입니다(특별히 지정하지 않는다면). 이 경우 배경 이미지가 로딩되기 전에는 글자를 알아볼 수 없을 겁니다. 사이트가 느리거나 기타의 이유로 이미지가 로딩되지 않거나 지연되는 경우가 있거든요. 아마 국내 사이트 중에서도 이미지가 워낙 많아서 전체 로딩 전에 글자를 알 수 없는 곳이 있었을 겁니다. 이 경우에는 배경색을 미리 지정해주는 게 낫겠죠. ^^