《双陈记》情侣博客

位置:主页 > 工作那些事 > 折腾一天的css sprite

折腾一天的css sprite

今天上班折腾了一天的css sprite。项目第一版有的部分进入web前端优化阶段。上周就写了本周的工作计划,第一件事就是把图片合并,把图片优化,速度提升上去。今天就开工折腾这事,由于第一版用了太多的图标,大小不一,数量几十个,而且前端框架又是extjs,这个折腾起来太晕了。

首先分析图片的位置,四周有无padding之类的,然后开始想是横向排列还是纵向排列,接着组合图片。写css,改extjs的样式很不好搞,写啊写,写好了又不能马上测试,没有本地环境,杯具啊,折腾过去折腾过来,最后写了100多行的css sprite代码,以前写点css sprite,最多就十来个图片,这次一折腾就是好几十个,各种问题频出。不过折腾过去折腾过来,搞了一天,终于在5点钟搞好了。终于松了口气啊。

最后截个图(部分)-今天折腾的结果(够呛够呛)

折腾一天的css sprite 《双陈记》情侣博客



无觅相关文章插件

已经有15位童鞋留言了,还不来盖楼!

  1. :shock: 你上班了哇!!!!!!!!!!!

  2. :!: 看你照片,那么小……

  3. 这个··工作量太大了·吧·····

  4. 真是忙碌的一天呀,呵呵

  5. 博主这里的主题挺好看的

  6. 哇 这代码 ! 真是不可思议啊

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片