sIFR进阶–JavaScript方法
在上一篇《sIFR 3文字替换技术实用指南》中我们简单介绍了sIFR的使用方法，想必大家对sIFR都有所了解了。接下来Shellway博客将会不定期发布介绍sIFR的高级功能的文章，希望对大家有帮助。
sIFR提供了丰富的配置方法（函数），可以轻松配置各种效果，亦可控制flash的展现方式。
sIFR 3文字替换技术实用指南
sIFR3是一个很强大，而且兼容性极好的文字替换技术。它利用flash来实现文字替换，而且被替换的文字还可以被很轻易的选中和复制，具有很好的可用性。
本篇将讲述 sIFR3文字替换技术 的使用方法。
IE的滤镜真难搞，想要个shadow都不好看
今天想偷个懒，用滤镜做阴影效果，省得我再去九宫格切背景图了。
但是，一用上去才知道，IE的阴影效果真没法看。
IE阴影效果有两种：DropShadow和Shadow；
这个DropShadow就是将对象复制一个纯色的box放在其下，造成投影效果，轮廓太清楚，没有模糊、渐变等效果；
而shadow滤镜则在对象地下一层话一个具有渐变过渡效果的图形，这个阴影效果稍微自然一点，但是也感觉很别扭，老感觉太硬了。
网站内容文字替换技术——sIFR、typeface.js、cufon
一个常常令设计师和前端开发人员都头疼的事情就是字体的使用，设计师常常在设计稿中使用某些很漂亮的字体，以实现比较酷炫的界面。但这样常常给编码 人员造成一些难度，如果在页面中放弃使用这些字体，设计师会感到郁闷，而如果使用这些字体的话，就要切图并使用很多额外的样式——又一个鱼和熊掌的抉择。 还好，现在已经有了一些相关的替代技术了。
网站前端优化利器——CSS Sprites
使用CSS Sprites是在你尽可能地使用其他的优化策略后最后的一招。它将你的所有图片放在一张图中，即你的一张CSS Sprites由10张图片组成，那将避免9次HTTP请求，这减少的9次请求时延，正是加速的加载时间。这也有问题，跟每个HTTP请求的服务器开销一 样，需由Apache的子进程管理，占用20MB的内存。你最好帮你的服务器进程减少HTTP请求：卸载媒体到Web前端Amazon S3，诸如此类。
CSS文字内容换行技巧：word-wrap VS. word-break
word-wrap是控制换行的。
使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。
break-word是控制是否断词的。
normal是默认情况，英文单词不被拆开。
break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。
keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。）
IE6、IE7的滚动条Bug
紧接上一个表格宽度100%时会撑大父元素的Bug，又发现另一个，哈哈。
当固定了一个元素的宽高（width、height），纵向溢出（overflow-y）为滚动（scroll）或者自动（auto）时，如果它里面的子元素有相对定位（position: relative）样式，纳闷这些子元素就会固定而不会跟随滚动条滚动。
解决办法：给该元素（需滚动条的）相对定位样式，这样里面的相对定位子元素就可以滚动了。
