标签归档:图片

CSS Sprites样式生成工具

推荐一个CSS Sprites样式生成工具
作者主页:http://www.cssforest.org/blog/index.php?id=129

这是一个基于Adobe AIR的工具,需要下载AIR运行时

使用效果图:
css_sprite

操作说明:
载入图片后,双击新增一个区域,设置每个区域的类名等属性,最后可以导出css列表
更多说明可以参考主页内容

克服懒惰

昨天开始为了实现如图所示的一个图片滚动效果,试了YUI和jQuery的几个插件,折腾了好几个小时都没有搞定
最后自己动手从头写了一个,只花了十几分钟

克服懒惰,有些事情其实没那么难

imgscroll

记录一个歪招

事情是这样的,一个很复杂的页面,放在特殊的程序中使用,无法使用firebug等工具进行调试
结果有一块本应是可点击的区域死活不知道被什么东西挡住点击不了
测试发现将所处容器设置一个背景色就能点击了,大约是IE透明背景的bug

实在懒得深究了,最后的解决办法是:
用Photoshop做了个1px*1px的透明小图片,并将其设为背景,于是OK了

IE6下CSS背景图片的Bug

最近碰到的问题,比如有一div,设置了背景图,然后只要在js中对此div的css做出任何更改就会重新请求背景图片,表现为页面闪烁
此问题仅在IE6下出现(更低版本未测试),原因是IE6在默认情况下不缓存背景图片

解决办法一,通过css:

html {
filter: expression(document.execCommand(“BackgroundImageCache”, false, true));
}

缺点:可能会使整个页面的加载速度变慢

解决办法二,使用javascript:



缺点:如果在firefox等浏览器下执行会出错。
所以需要判断是否为IE浏览器,使用jQuery提供的判断方法如下:


光棍节的意外

点击,查看结果

这张一年前的图片,连我自己都忘了从哪找来的,居然被N多网站引用,一大意外,这里再贴一遍……

光棍节

一如既往的光棍,不同的是今年不用加班了

一人消费,没有拖累,独立自主,拍板干脆
不扫房屋,不叠床被,不听罗嗦,不会下跪,
不看脸色,不用惧内,没有吵闹,没有眼泪,
所有收入,自己支配,花钱潇洒,当家绝对,
朋友相聚,乱侃胡吹,参加饭局,满足肠胃,
能吃能饿,能喝能醉,能爱能恨,能熬能睡,
昼夜上网,聊天泡妹,打情骂俏,胆大妄为,
连连出招,频频约会,搂抱亲吻,无所忌讳,
奔波劳累,身心疲惫,我行我素,无怨无悔,
人生短暂,自由可贵,单身倍好,光棍万岁!