当前位置: 代码迷 >> ASP.NET >> Css Sprite解决思路
  详细解决方案

Css Sprite解决思路

热度:8455   发布时间:2013-02-25 00:00:00.0
Css Sprite
<div class="word"></div>
   
css能引用到,因为"word"是智能弹出来的






.rtf{background:url(../Images/css/allbgs.png) no-repeat 0px 0px;width:13px;padding-top:18px;}
.txt{background:url(../Images/css/allbgs.png) no-repeat -13px 0px;width:13px;padding-top:18px;}
.word{background:url(../Images/css/allbgs.png) no-repeat -26px 0px;width:16px;padding-top:18px;}
.excel{background:url(../Images/css/allbgs.png) no-repeat -42px 0px;width:16px;padding-top:18px;}
.pdf{background:url(../Images/css/allbgs.png) no-repeat -58px 0px;width:16px;padding-top:18px;}
.ppt{background:url(../Images/css/allbgs.png) no-repeat -74px 0px;width:16px;padding-top:18px;}

------解决方案--------------------------------------------------------
直接用background:url(allbgs.png)就行,路径是相对于css文件的