IE8

一个IE8的新起点

上周,淘宝宣布不再支持IE6以及IE7,作古的浏览器访问淘宝会看到升级浏览器的提示,当真算得上是一个时代的终结,而这个时间点距离我自己写的告别垂死的IE6与IE7足近5年之多。作为从IE6时代一路走来的前端工作者,在这样的变迁交汇点难免徒生各种感慨,还有——落寞。 怀着复杂的心理我们需要告别日以继夜为之奋斗的抑或是狂喜抑或是抓狂的岁月,努力甩开在某种程度上已经充当技术壁垒的浏览器兼容,现在开始,将是一个IE8开始的新起点。 甩开IE6和IE7,web开发者特别是前端得到了哪些解放?为此我简单罗列了一些最为常见的情况。 inline-block,我们终于可以摆脱*display:inline;*zoom:1;的诅咒,自由使用这个常见的属性。 box-sizing,IE8+使得border-box可以开始发挥它的威力,虽然低版本firefox可能还会遇到些问题,但我相信我们可以说服测试同学,因为已经没有IE的阻挠。…

IE Alpha Filter Bug: #02050a色值像素透明化

IE的透明滤镜bug算的上是IE为数众多bug里的不起眼的角色,直到之前我确实的遇到了它,我想我根本不会去关注非标准的IE滤镜带来的各种问题。这个bug的表现非常的直观,filter透明度渐变后,图片的某些点变成了透明的了!比如如果这个时候背景是白的,就是白色的噪点。这在banner切换时表现的非常明显——渐变是产生噪点,渐变完成后噪点也会一直残留: 这个Bug在IE6 7 8里都存在,实际上只要使用了透明滤镜就会表现出来,并且非常有趣的是,它只对一种颜色值有反应:#02050a 为什么是这个颜色?恐怕只有微软才知道。一开始我只是以为只有一些偏黑色的图片会出现这样的情况,但后来经过一系列测试我才发现原来出现的噪点如此固定以至于所有噪点所在的像素点原来的色值都是#02050a,决然不是巧合。然后,如果google这个"#02050a",就能找到关于它的各种文章了,可以说这个色值就是这个bug的关键字。 原因是IE6…

博客放弃兼容IE6以及IE7

就在几天前,WordPress宣布在最近一次的更新里不在支持IE6,这一举措加速了IE6的死亡。虽然我的博客早已经在顶部挂起公告,希望IE6和IE7的用户能升级他们的浏览器,但其实仍然安分地继续做着尽可能的IE6兼容。不过这次真的打算放弃了,既然连wordpress都宣布了不支持IE6,维护者也不应该拘泥下去,尽管我的wp版本始终是2.9.3... IE6是伟大的,2001年8月发布,到现在10年时间,寿命之长恐怕真的是要空前绝后了。虽然web开发者对IE6深恶痛绝,但同时却也不能忘记IE6给开发者带来的价值——它曾经一度提高了web开发的门槛,虽然幅度有限。所以前端对IE6的感情是复杂的,失去了眼中钉的同时,也失去了一个挑战的舞台——IE6总能给我们惊喜,不管那惊喜是不是我们想要的——当然通常不是。 国内的IE6仍然是大多数,虽然系统升迁win7导致IE8也不少,但若要国内的网站放弃IE6远远还不够——甚至我自己的系统里就是IE6。…

漫谈font-size

起因是下面的这句话: font-size: 75%; /* Resets 1em to 11px */ 这是我曾经喜欢的wordpress主题 Bito 的第一句CSS。印象里还是记得默认值是16px,那么75%就是12px了。不过这只是表面问题,其实大部分人都不怎么关系字体大小的本质。 从标准看起 W3Cschools的font-size参考相当简单,只是简单的列举了属性的可取值。并且CSS2.1 Specification RC20090908里,关于font-size的定义也并不多。 大体上,font-size的值非常宽泛,即可以是关键词定义的绝对值,可以是百分比或者 em 的相对值,还可以是绝对单位px。…

跨浏览器边框探索

虽然起了一个看似很牛逼的题目,但本文可以说完全是蛋疼的人的一种消遣~通常开发人员都有自己的放松方式。写文章用不了太久,倒是图材准备了老半天。谨以此文,让我们来消遣下各个浏览器对于边框的理解方式。 参与此次测试的浏览器包括windows下的几乎全部:ie6,ie7,ie8,ie9preview,chrome,firefox,safari,opera,seamonkey。各版本皆为网上下载的最新版。并且由于这次的测试里,IE678的表现一致,firefox和seamonkey又是裙带,所以合并作IE8和firefox。下图就是这次浏览器的截图: 上面的这种排列顺序是故意的。下面的测试里就会显示出其原因,截图也都是按照这个顺序排列的。 首先看下面这张图,六种浏览器里显示了一个20X20的DIV,其边框为top:2px,…