css中加背景图片根据图片及css文件的相对位置分一下几种类型：
1.同包下：background : url(aaa.gif)
2.不同包：
在这种情况下有2中方法可以设置，一种是使用绝对路径，即http://www.域名.com/aaa.gif这种，不过一般不推荐这么用，不利于项目移植；一种是使用相对路径，首先需要找到图片文件和css文件共同的一个根目录，然后再加上图片的子目录，比如：
css文件位置：WebRoot/test/css/a.css
图片文件位置：WebRoot/platform/resource/images/icons/a.gif
想要找到共同的根目录就需要用到 "../" 这个路径的意思是上一级目录，如果是两层上级目录，就是 "../../" 那么，按照这种写法的话，a.css中得背景图片css应该这么写：
background:url(../../platform/resource/images/icons/a.gif)
详解：
首先，我们观察这两个文件的位置，可以发现，共同的根目录是WebRoot，
我们首先在a.css的位置找到WebRoot，所以有了"../../" 然后拼接图片的子目录的路径 又有了"platform/resource/images/icons/a.gif" 合在一起后就是上面的结果了。
①：用css3rotate旋转的话，可以随时修改动画的背景色和旋转速度等，而gif只能重新修改图片再导出，但是有个缺点就是只有safari可以很好地支持，chrome下支持不是很好；②：在比较复杂的动画，css3rotate需要通过控制多张图片，此时的代码量会很大，而是用gif图的话则不需要过多的代码；
③：在兼容性方面：css3只有高级版本的浏览器才兼容，而gif几乎所有浏览器都能够兼容。
