Monthly Archive for 9月, 2008

img的lowsrc及图片预载思考

img的lowsrc是指当网速比较慢时,先加载一个小的图片,等大图加载完了再显示大图。

虽然现有的网速已经很快了,但是lowsrc的思想在提高用户体验上还是有很大好处,尤其是图片比较大的时候。

当然img的lowsrc没有出现在Web标准里面,那么如何去模拟呢?

主要有两种形式:

一、给img一个背景色或背景图片,这样也能达到类似的效果,虽然不是最理想的;

二、使用JS,实现上应该还是是比较容易的,以下是我的一种写法(当然不同的需求有不同的写法):

z-index只是IEbug吗?

z-index和stacking context的关系及back-to-front原则就不再阐述了,可以看这个:http://www.w3.org/TR/CSS21/visuren.html#z-index,这里主要是探讨ie中z-index负值不隐藏的bug问题。

在默认情况下,在body的子级标签中设置z-index为负值、position为relative,FF中隐藏了这些子级标签,而IE/opera等其他几个浏览器中仍然显示。

在FF2中,会有一个有意思的现象:如果给body一个”z-index:0;position:relative”则span就会显示出来。

正常情况下,子级会以它的stacking context为基准,z-index小于0也会在root stacking context上面,这个可以参考stacking levels。

( stacking context是如何产生的?根元素会形成root stacking context,其他stacking context形成的条件是position不为static和z-index不为auto;在新版本的css中,其他属性也可能形成stacking context,如opacity。
每个box都属于一个stacking context。
一个stacking context中各元素在z轴上的显示顺序由stack level决定,相同stack level的定位元素才由z-index决定次序。)

测试z-index的默认值:(IE默认为0,其他浏览器为auto)

结论:
1.IE确实存在bug,z-index默认为0,其他浏览器为auto,另外IE形成stacking context和z-index无关(IE中有这个问题,FF2/FF3/Netscape/safari/chrome/opera正常);
2.FF2也存在bug,“z-index值为负值的定位元素”在父级stacking context的背景下面(FF2/Netscape中都有这个问题,FF3/IE/safari/chrome/opera正常)。

JsPacker 中文乱码解决方法

JsPacker 中文乱码解决方法:

第一步,新建一个非空的js文件(一定要用内容,否则程序会死掉),如unicode.js,另存为Unicode编码,压缩一次;
第二步,正式压缩自己想要压缩的ANSI编码的JS文件;

Firefox font-size过小无效的问题

给字体10px却显示12px,这是firefox默认最小字号设置的问题。

 

在地址栏输入about:config,然后找到“font.minimum-size.zh-CN”,将值改到自己需要的值。

开通此博客目的

很久没写blog,希望能在此写自己的东西而非转载,加了“实验”和“工具”两个板块,“实验”用于平时一些想法的沉淀,“工具”则是积累平时工作中的用到的好东西。

低调一点,多学习。