小技巧:使用CSS定义网页背景注意的问题

作者:袖梨 2022-07-02

当我们用于定义背景样式时常常这样写:

 代码如下 复制代码
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一定要注意这个小问题。

相关文章

精彩推荐