最近项目里在使用sprites的过程中,常常会遇到需要修改sprites图片的情况,最典型的就是文字前导图片的情况。若将前导图片单独使用,通常的方法是直接使用<img>标签或者将<ul>标签的list-style-image属性设置为图片,然而前导图片通常都不大,每张图片单独使用的话会增加N次http请求,代价太大。然而使用sprites图片,<img>标签显示的是整张导入的图片,<ul>的list-style-image属性若不加任何处理的话也是会显示整张sprites图片,造成最终显示效果异常。
拥抱大海·青岛环游记
2011年7月16日 14:02:00 由 Olive 发表 [90 次阅读] 206 条评论 »那还是4月的某一天,一个偶然的机会,在去哪网看到了去青岛的2.4折机票,点燃了自己沉淀已久的看海愿望。在毕业旅行这个合适而又合时的理由驱动下,一冲动买下了7.7号的机票。虽说后来看来这一时间略显尴尬,但如果没有事先买好定死时间的机票,也许这次旅行就要泡汤了。也许旅行就是得靠一时冲动,时间是可以挤出来的。考虑越多障碍越多,很有可能计划就会夭折了。
Web性能优化之CSS sprites
2011年5月17日 12:12:51 由 Olive 发表 [109 次阅读] 65 条评论 »我们在浏览网页的过程中,会遇到一些按钮首次点击时出现空白,点击过后就不会再有空白出现的情况,这是因为按钮使用的是单独的背景图片,当用户鼠标移上或者点击的时候,才去请求按钮图片,因而造成图片加载延迟,对用户造成不好的体验效果。CSS sprites的出现就是为了解决这个问题,它将零碎的图片整合到一张图中显示,只需一次请求即可载入全部图片。
黄山行
2011年5月09日 18:06:56 由 Olive 发表 [28 次阅读] 28 条评论 »去年就想去黄山看看,一直没有机会和时间,这次要不是和姐他们一起去,自己啥也不用操心,不然又会被做不完的工作而缠着脱不开身。其实想想还是自己优先级设置的问题,总是习惯了把休闲娱乐和锻炼身体摆在工作之后,想起了黄菡说的,年轻的时候就应该趁着自己身强体健,到处去看看,好好去体验生活、享受爱情,年级稍大一些,渐渐少了年少那份激情、没有了年轻时的体魄,再好好的去搞搞自己喜欢的事情。而我们现在绝大多数人都把生活颠倒了,是否有些遗憾呢。
我只在乎你
2011年4月20日 15:03:00 由 Olive 发表 [25 次阅读] 356 条评论 »如果没有遇见你,我将会是在哪里?
细数走过的看似平凡的每一天,冥冥中都孕育着下一刻某件事的发生。生活就想在大海中航行,即使预先定好了方向,也不一定能直线到达终点。掌舵时一些有意无意的转弯,都会把你带入一个新的航线。也许我们不知道自己当前的决定会将自己带到哪里,但至少心中有个指南针,至少学会不断根据环境变化判断方向,至少还有你们,我生命中最重要的人们陪在在我身边,也许不管遇到什么,不管未来会驶向何方,这段旅行都不后悔。 » 阅读更多: 我只在乎你