当我们用于定义背景样式时常常这样写:
代码如下 | 复制代码 |
body{ background:url(img/header_top.gif) left top no-repeat; } |
如我们又想定义一个背景色,又要在background中加入颜色就可以了,不过要注意的是如果你想用background-color这个样式时请不要把这个样式放在background之前就是不要这样:
代码如下 | 复制代码 |
body{ background-color:red; background:url(img/header_top.gif) no-repeat left top ; } |
这样的后果就是没有背景红色只显示一个图片,本以为是什么BUG,仔细一想才明白其中的原因。因为background样式中的背景色没有定义的话它默认就是无色。因为第一行定义了红色,第二行定义了无色,所以执行第二行的无色。
以后定义background一定要注意这个小问题。