IE的透明滤镜bug算的上是IE为数众多bug里的不起眼的角色,直到之前我确实的遇到了它,我想我根本不会去关注非标准的IE滤镜带来的各种问题。这个bug的表现非常的直观,filter透明度渐变后,图片的某些点变成了透明的了!比如如果这个时候背景是白的,就是白色的噪点。这在banner切换时表现的非常明显——渐变是产生噪点,渐变完成后噪点也会一直残留:
这个Bug在IE6 7 8里都存在,实际上只要使用了透明滤镜就会表现出来,并且非常有趣的是,它只对一种颜色值有反应:#02050a
IE的透明滤镜bug算的上是IE为数众多bug里的不起眼的角色,直到之前我确实的遇到了它,我想我根本不会去关注非标准的IE滤镜带来的各种问题。这个bug的表现非常的直观,filter透明度渐变后,图片的某些点变成了透明的了!比如如果这个时候背景是白的,就是白色的噪点。这在banner切换时表现的非常明显——渐变是产生噪点,渐变完成后噪点也会一直残留:
这个Bug在IE6 7 8里都存在,实际上只要使用了透明滤镜就会表现出来,并且非常有趣的是,它只对一种颜色值有反应:#02050a
就在几天前,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。根据5月份sitepoint的浏览器市场份额报告,IE6的比例已经下降到了4.37%,不过在国内恐怕在这后面加个数字都不止。其他IE版本里,IE7占9.78%,IE8占30.20%,IE9占0.75%,可见正常情况IE8才是最为流行的IE版本。
我的网站IE占比34.57%,其中IE6占比23.22%,也就是说,我的网站IE6占比7.73%,其实比例也已经相当低。
起因仅仅是下面的这句话:
font-size: 75%; /* Resets 1em to 11px */
这是我最喜欢的wordpress主题 Bito 的第一句CSS。我想那可能是作者的笔误。因为印象里还是记得默认值是16px,那么75%就是12px了。不常写CSS,但是喜欢挖点东西出来。一开也没想到一个属性值可以挖出这么多,最后导致这篇东西组织起来都有些麻烦: )
虽然起了一个看似很牛逼的题目,但本文可以说完全是蛋疼的人的一种消遣~通常开发人员都有自己的放松方式。写文章用不了太久,倒是图材准备了老半天。谨以此文,让我们来消遣下各个浏览器对于边框的理解方式。
参与此次测试的浏览器包括windows下的几乎全部:ie6,ie7,ie8,ie9preview,chrome,firefox,safari,opera,seamonkey。各版本皆为网上下载的最新版。并且由于这次的测试里,IE678的表现一致,firefox和seamonkey又是裙带,所以合并作IE8和firefox。