善恶资源网专注优秀技术教程分享网-傅汉松!

使整个网站页面变灰的方法

傅汉松 技术教程

汉松出品|资源介绍

傅汉松本次为大家分享的是使整个网站页面变灰的方法

傅汉松

在清时节或国家哀悼日时,很多的站长都会把自己的网站页面调成灰色,以示哀悼。

网页变灰的方法

方法一:修改网站的CSS文件

打开网站的CSS样式文件,加入以下的代码即可!

代码1:

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

代码2:

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}

以上代码,选择基中的一个就可以!

方法二:在网页的标签内加入代码

在网页的标签之间加入以下CSS样式代码也可以实现网页变灰的效果!

<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>

方法三:在标签内加入CSS样式

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">


标签: 暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:321976193@qq.com

同类推荐
评论列表

技术教程 使整个网站页面变灰的方法
在清时节或国家哀悼日时,很多的站长都会把自己的网站页面调成灰色,以示哀悼。网页变灰的方法方法一:修改网站的CSS文件打开网站的CSS样式文件,加入以下的代码即可...
扫描二维码阅读原文
QQ娱乐网 January, 01
生成社交图 ×
    119.16ms