Question

高手请告诉我CSS中background-image和background的区别？

#header {width:1004px;height:118px;background-image:url("ima/lo2.gif");}
#header {width:1004px;height:118px;background:url("ima/lo2.gif");}
上面这两段，区别是一个是background-image，一个是background，效果是完全一样的，请问这两个玩意儿在任何时间都能互换吗

Answer 1

不一样的,但是在你的例子中是一样的作用.
css中background是背景设置的集合,而background-image只是设置背景的图片样式.
background后可加背景颜色,背景图片及图片排列样式,和结构对齐样式,可以说控制了整个背景的属性.

所以说,在其他地方最好不要互换

Answer 2

如果你的背景仅仅是一张图片的话，两者是一样的。如果涉及到结构样式，背景颜色等更多内容，只能用background了，或者可以这样说，background范围更广，包含了整个背景，也就是包含了background-image。

Answer 3

background是背景属性集合，这个还可以这么写
#header {width:1004px;height:118px;background:url("ima/lo2.gif") no-repeat;} 如果你把header的高度变大浏览器自动重复图片，这样写就不会自动重复

Answer 4

这两个基本是一样的。