img的lowsrc是指当网速比较慢时,先加载一个小的图片,等大图加载完了再显示大图。
虽然现有的网速已经很快了,但是lowsrc的思想在提高用户体验上还是有很大好处,尤其是图片比较大的时候。
当然img的lowsrc没有出现在Web标准里面,那么如何去模拟呢?
主要有两种形式:
一、给img一个背景色或背景图片,这样也能达到类似的效果,虽然不是最理想的;
二、使用JS,实现上应该还是是比较容易的,以下是我的一种写法(当然不同的需求有不同的写法):
img的lowsrc是指当网速比较慢时,先加载一个小的图片,等大图加载完了再显示大图。
虽然现有的网速已经很快了,但是lowsrc的思想在提高用户体验上还是有很大好处,尤其是图片比较大的时候。
当然img的lowsrc没有出现在Web标准里面,那么如何去模拟呢?
主要有两种形式:
一、给img一个背景色或背景图片,这样也能达到类似的效果,虽然不是最理想的;
二、使用JS,实现上应该还是是比较容易的,以下是我的一种写法(当然不同的需求有不同的写法):
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 中文乱码解决方法:
第一步,新建一个非空的js文件(一定要用内容,否则程序会死掉),如unicode.js,另存为Unicode编码,压缩一次;
第二步,正式压缩自己想要压缩的ANSI编码的JS文件;
给字体10px却显示12px,这是firefox默认最小字号设置的问题。
在地址栏输入about:config,然后找到“font.minimum-size.zh-CN”,将值改到自己需要的值。
很久没写blog,希望能在此写自己的东西而非转载,加了“实验”和“工具”两个板块,“实验”用于平时一些想法的沉淀,“工具”则是积累平时工作中的用到的好东西。
低调一点,多学习。
问题如下:mp3导入到库中,设置链接属性后由AS来控制播放及音量,要选择“在第一帧导出”才会被导出到最后的swf中,但这样的话该mp3就会优先于AS被载入[感谢pfkey,不然还发现不了是这个问题],当其载入完毕后才会出来“整个flash的加载进度条”,这样加载进度条过了好长时间才出来。
要解决加载进度条出来晚的问题,看来只能把mp3放到flash外面了,但这样又会有新的问题:加载进度条是没问题了,但是进入主场景后画面开始播放后mp3还没加载完,导致音乐还没出来动画就开始播放了。
鱼和熊掌不可兼得?
突然一道闪光,想到一个很好的办法。
如下图,链接属性中只选择“为AS导出”,不钩选“在第一帧导出”(这样mp3就不会输出到swf中),然后在时间轴上第一帧设置音频,这样就可以让mp3输出到swf中,当然把同步设为“停止”。这样就既解决加载进度条的问题,也解决了动画和音频不能同步出来的问题。哈哈

由于不同语言界面中
<input type=”file”>始终是系统默认的文字,无法更改,在IE中可以给它一个border来简单美化一下,但是在Firefox中就无能为力了。
在网上找了一些文件上传按钮美化的,都不是很好,不兼容Firefox。
以下是我的方法(非常简单,且各浏览器都有很好表现):
HTML: