Browser


页面变灰与中国式浏览器大战不得不说的故事

今天又是全国哀悼,和2年前的汶川一样。大多数网站都把页面调成了灰色以表哀悼。 不过细心的朋友可能发现了,一些网站的页面灰色效果,只有IE浏览器有效。火狐、Chrome等用户看上去还是一片彩色。(如下图,左边火狐,右边IE)。这是什么道理呢? 先让我们看看如何实现IE下页面变灰吧。(这里需要一点网页制作知识) 其实,拿CSS来控制,一行代码就能完成。用的是IE的filter滤镜。通过给页面所有元素加上灰色滤镜,IE在渲染的时候就会自动把图片、文字等一切页面元素变灰。代码如下: *{filter: gray;} 其中*表示所有html元素。如果有一定CSS经验你会知道用*选择器是非常不建议的,但这里为了保证能够渲染到所有的元素,必须使用*,不然有些背景图会漏过(就像我的网站,如果给body加滤镜,背景仍然会是彩色)。当然,如果你的网页比较简单,能够用body选择器就尽量别用*。 属 …