一个新人的前端印象

刚接触前端制作时就发现一个不可理喻的现象，同一段代码在不同浏览器下的表现竟然是不同的，轻则出现像素差，重则布局混乱框架扭曲，但布局混乱还远不是终极噩梦，一路过来各种各样丰富多彩的bug不断挑战我的想象力，经过这段冗长的疑难杂症治疗史竟也练就了一身结构崩于前而色不改的过硬素质。


多数兼容问题是由于不同浏览器开发者对html规范理解不同造成的，IE6，IE7（准确的说是他们的开发者）就是此中里手，他们对‘float’属性的敏感程度游走于心理变态和过敏体质之间，保不齐什么时候会做出什么歇斯底里的举动，他们的渲染机制也大成问题，几乎任何一个页面都需要调整像素差，而臭名昭著的IE6更是兼容问题的集大成者，‘3像素’和‘双边距’是他拿手好戏，并且由于本身油盐不进的天然呆+慢性子，大部分经他手的js特效都残了，华丽丽的进去素面朝天的出来；这些毕竟还都无伤大雅，有则忍着无则加勉日子照过问题不大，但PNG不透明却实实在在是IE6无法绕过的一个硬伤，直到现在好像除了外挂js外也没有更好的办法。


最近发现了个以前没遇到过的bug，毫无悬念又是针对IE的，而且是IE全系列连9都没能幸免：无法显示CMYK模式的jpg图片。有说是除了RGB模式其他一概不显示，但索引模式的PNG图片却可以显示，但在a:hover img中的索引PNG却又不能显示了，必须换成RGB模式的jpg才行。注：火狐下所有情况所有图片都能显示，本来不是什么大事也被对比成了美德。


之前对微软的问题浏览器一直是恨得牙痒痒骂的嘴发干，但随着对‘标准’认识的不断深入发现相当一部分兼容问题其实都出自代码本身不规范，只不过火狐、Chrome之流用他们厚道的让我不好意思的强大容错性唆使我忽略了这些自身问题，这对任督二脉尚未打通的新人可不是什么好事，严谨还是有必要的，有时候这些严谨的老IE就像一张考卷考验着我天马行空的混乱逻辑，最近更是一改往日对IE7的印象，很多IE7上的布局错乱经推敲后发现都是结构不严谨造成的，修复的过程也是跟问题属性们不打不相识的过程，但在同样的问题上可别指望仅用‘结构严谨’就能满足粗暴的IE6，它喜欢的是‘何止严谨简直就是固若金汤’的结构，好吧。。。


对Css Hack，如果有能力还是能不用就不用，通不过W3C认证倒没什么，关键是Windous系统让人对‘补丁’这种东西有了全身心了负面印象，不整洁不优雅不高效，在我国老一辈笔记本里的IE6生命力仍然旺盛的现状下，调用IE6专有样式<!—[IF IE6 ]-->是不错的选择，还有一些邋遢的小毛病像样式中的中文注释、图片尺寸定义在页面里、习惯性在页面中加style等等也都有待肃清刻不容缓。


无论如何淘汰IE6是非常有必要的，是民心所向的，是王师所至义旗所指的，是不共戴天，是惩恶扬善是为民除害是决不放弃使用武力是#￥%！失态了失态了。。。