css background-image 自适应宽高

最近接手前端页面，让给调样式。哥纯粹一个代码程序猿，表示那些个样式应该让前端人员或者美工小妹妹来实现.

书归正传，碰到了问题，页面要在手机上展现，众所周知，手机在中国的牌子很多，很难做到统一。

页面上有五个导航栏，是按百分比设置的，让我搞个背景图，点击某一导航栏的时候，背景改变，BUT，给我的背景图是一张有着固定大小的图片，放上去之后，各种不适应，不和谐，后来就想到如果能让背景图自适应导航栏的宽高不就行了么，非经一番波折，无以成真身。

.zjhn-nav li.active a{ background-image:url(../image/Click_03_temp.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}

就是这么简单的一句话，设置背景图，并让它100%的适应导航栏宽高，并设置不重复，大小100%就OK了