background背景图片png的相关问题
background: url(“/static/home/index/img/body_back_3107edb8.png”) repeat-x scroll 0 95px transparent;
求解释 repeat-x scroll 0 95px transparen分别是什么意思。
—————————–
简单来说，这是background 属性的一个简写形式，它用来设置所有的背景属性。
想理解它，我们从原理来说，比较好理解一些，先来看看background可以按顺序设置哪些属性：
background-color 规定使用的背景颜色
background-image 规定使用的背景图像
background-repeat 规定如何重复背景图像
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。
background-position 规定背景图像的位置
inherit 规定应该从父元素继承 background 属性的设置
如果不设置其中的某个值，也是被允许的，只要跳过不写即可。
现在对照楼主的样式，就好理解啦～～
url：设置背景图片的地址，也就是background-image
repeat-x：对应的就是background-repeat如何重复背景图像，这里的重复方式是横向平铺，与之对应的还有repeat-y竖向平铺，如果想水平和垂直方向都重复，那么只要写repeat 即可。
scroll：对应的就是background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动，这里就是规定背景图像随着页面的其余部分滚动，如定义fixed则是规定背景图像固定。
0 95px：这两个值要一起来看。background-position 规定背景图像的位置，第一个是水平位置，第二个是垂直位置，所以，这两个值就是定义背景图像从水平位置0，垂直位置95px这样的一个位置（再结合上面的repeat-x）开始横向平铺。
transparent：这个从单词就可以看出来是定义透明，这个没有上面的属性来对应，我们平时定义背景图像时，是不需要写它的，因为不写就是这个默认值。
#nav {
background: url(“http://misc.360buyimg.com/lib/skin/2012/i/20111221C.png”) repeat-x scroll 0 -315px #D00000;
height: 40px;
}
就是找到20111221C.png图片，左上角是0 -315px，没图片处使用#D00000替换，做repeat-x方向平铺，高度使用图片的Y轴范围时：-315+40(下面的hight决定)
background-position:500px 15px；
背景图片从容器(container)左上角的地方向右移500px,向下移15px，超出的部分隐藏。
background-position:-500px -15px;
背景图片从容器(container)左上角的地方向左移500px，向上移15px，超出的部分隐藏。
