全国哀悼日，网站变灰色黑白装css代码分享：
1 2 3 4 5 6 7 8 | html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; } |
拷贝以上css代码放入网站的.css文件内保存即可快速完成网页变黑色灰色，肃穆庄重的页面。支持多浏览器。
如果网站没有使用CSS，可以在网页/模板的HTML代码和 之间插入：
1 2 3 4 5 6 7 8 9 10 | <style> html{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; } </style> |
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议。请将网页最头部的替换为以下代码：
1 2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> |
有一些网站中flash的颜色不能被css滤镜控制，可以在flash代码的和之间插入
1 2 | <param value="false" name="menu"> <param value="opaque" name="wmode"> |
PS：以上css滤镜代码可能只在IE下有效，其他浏览器未验证。