背景颜色没有显示

时间:2014-02-03 06:17:18

标签: css html5 background

我无法在CSS中更改网站的背景颜色。

body  {background-color: #c7daf9‬;}

这是目前我的CSS文件的顶部工作。当我检查chrome上的元素时,它显示该值未被使用,因为它在显示css的一侧被划掉。

我似乎无法理解为什么会这样。

您可以在www.dweeman.com/eb/sitetemplate.html

看到演示

还有一个部分给我的身体赋予价值,但即使我把bg颜色放在那里它也不起作用。

2 个答案:

答案 0 :(得分:3)

该CSS行中有一个非法的不可见字符,位于9和分号之间。

似乎是Unicode角色'POP DIRECTIONAL FORMATTING'(U + 202C),which you can read more about here

要查看它的实际效果,请将代码粘贴到文本编辑器中,单击A旁边的(因此它有一个闪烁的“I”光标),然后开始按右箭头键。你会注意到,在9之后,需要按两个右箭头才能到达分号。

解决方案:只需将颜色条目退格并再次输入。

答案 1 :(得分:0)

我认为用小写字母指定颜色代码并不重要,但将其更改为大写对我有用。因此,您可以尝试将十六进制颜色代码更新为大写。

<div class="with-lowercase"><p>dfd</p></div>
<div class="with-uppercase"><p>dfd</p></div>
.with-lowercase{
    background-color:#c7daf9‬;
}
.with-uppercase{
    background-color:#C7DAF9;
}

http://jsfiddle.net/ramshinde/8Tj6H/4/