2010年4月21日

今天是青海玉树地震的全国哀悼日,很多网站都采取了全站或首页变灰(黑白)的方式。

上次哀悼汶川地震的时候,各网站普遍用的是filter方式。即,在网页的head部分或css文件中增加:

html{filter:gray;}

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

但这种方式有2大弊端。一是只支持IE,不支持firefox等浏览器;二是显示时会慢一些,网页越大,性能下降越大。

昨天,公司官网也要变灰。为此,研究了很长时间 ,也没有找到适用于firefox的变灰方法。只查到http://www.nihilogic.dk/labs/imagefx/有支持各种浏览器的图片变灰程序,但比较复杂,而且对文字、flash等都无效。

今天一早,看了新浪、网易、搜狐、百度、凤凰。各大网站的变灰处理都是支持IE和firefox等各种浏览器的,但支持程度有所不同。

新浪、搜狐、百度在IE下是全灰,但在firefox下只有少量部分(比如大图)是灰的。这是一方面用了filter,另一方面对部分进行了处理,比如制作了黑白版的大图。

网易和凤凰在IE和firefox下效果相同,而且都是绝大部分变灰,只有少部分没有变灰。 说明不是用filter。

网易和凤凰网用了什么技术手段处理的呢?

难道是把全部图(包括广告)都制作了黑白版,(通过css)更改了全网页的颜色控制?还要分析代码。

更新:

分析代码的结果,网站变灰既不是用filter,也不是通过css,而是直接改了图片。

凤凰网在首页放了背景黑白、只保留鲜红国旗的图片,这是任何css或javascript也实现不了的。

通过比较快照中的网页代码,发现搜狐彩色和变灰的图片是放在不同的目录下,直接对比,确认是不同图片。

结论:firefox下,无法通过css或javascript实现网页变灰。

原文永久链接:http://jijian91.com/blog20100421/gray-firefox.html

2010年4月12日

周末,骊威劲锐首次在八达岭高速上开了两趟。时速100公里时,车内感觉与在五环上时速70公里没什么区别,没有明显的路噪。提速很容易,在稳速行驶时只需轻踩油门。

因为是新手加新车,一直没有上高速。这是第一次。 感觉还好,八达岭高速是3条车道,限速分别是100-120、80-100、60-100。因为是在实习期中,所以不能在最左的车道行驶,也就是说最高不能超过100公里/小时。在畅通的时候,保持在100公里/小时并没有什么困难。相反,麻烦的往往是前面被慢速车压着,行驶途中几次被前车压着只能以低于规定的速度行驶。无论是并道还是保持低速,都很危险。

原文永久链接:http://jijian91.com/blog20100412/livina-highway.html

周五,在中石化给骊威劲锐AT加油44.3L,无降价,自助减0.05元,单价6.61元/L:

44.3(L) / 400.6(km) * 100 = 11.06(L/100km)

油量计算是加满-加满。在历次油耗中,是第3低,但仍然较高。

原文永久链接:http://jijian91.com/blog20100412/livina-oil-consumption-9.html