CSS验证警告:在两个上下文中,颜色和背景色的颜色相同

CSS验证警告:在两个上下文中,颜色和背景色的颜色相同,css,Css,当我通过执行CSS验证检查时,我会收到大量类似下面列出的警告 有没有办法解决这个问题 CSS文件:gamefriction.com/Coded/CSS/style.CSS出于可访问性的原因,它抱怨颜色会使阅读文本变得困难。如果文本颜色和背景颜色相同,则您根本无法阅读。它的意思是,在某些上下文中,您的背景颜色和前景颜色相同。CSS中的示例(为了清晰起见,省略了一些声明): 请注意如何设置颜色:#fff。这意味着你的前景色是白色的。但您的背景色未设置。您确实设置了背景图像,但如果由于某种原因图像不可

当我通过执行CSS验证检查时,我会收到大量类似下面列出的警告

有没有办法解决这个问题


CSS文件:gamefriction.com/Coded/CSS/style.CSS

出于可访问性的原因,它抱怨颜色会使阅读文本变得困难。如果文本颜色和背景颜色相同,则您根本无法阅读。

它的意思是,在某些上下文中,您的背景颜色和前景颜色相同。CSS中的示例(为了清晰起见,省略了一些声明):

请注意如何设置
颜色:#fff
。这意味着你的前景色是白色的。但您的背景色未设置。您确实设置了背景图像,但如果由于某种原因图像不可用,则背景也将为白色(因为您的body标记没有定义背景颜色,并且验证器假定它为白色),从而使文本不可见

您只需向背景线添加颜色即可解决此问题。例如:

background: #ff0000 url(http://www.gamefriction.com/Coded/images/red_content_top.jpg) no-repeat;

现在,验证程序将看到背景与前景不同,并且不会抱怨

嗯,问题是网站上没有显示与背景颜色相同的文本。我对CSS非常陌生,使用div代替tables(几天前从各种CSS tutus上自学了一晚上,并查看了其他网站的源代码)
#red_module_top {
  background: url(http://www.gamefriction.com/Coded/images/red_content_top.jpg) no-repeat;
  color: #fff;
}
background: #ff0000 url(http://www.gamefriction.com/Coded/images/red_content_top.jpg) no-repeat;