全国哀悼日 网页变灰色黑白色的CSS代码分享

苏建报 网络技术 166 次浏览 , , , , 没有评论

全国哀悼日,网站变灰色黑白装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下有效,其他浏览器未验证。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go