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

要成功,就要长期等待而不焦躁,态度从容却保持敏锐,不怕挫折且充满希望。早安!减少蜗居时间,亲近大自然。

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

网页变灰的方法

方法一:修改网站的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- */
}

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

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

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

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

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

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

到此这篇关于使整个网站页面变灰的方法就介绍到这了。青春,是一包象征着阳光的向日葵种子,在现在洒下,就会在未来得到收获,那一株株饱含青春的花朵。更多相关使整个网站页面变灰的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
HTML+CSS3+JS 如何实现的下拉菜单

HTML+CSS+JS如何实现堆叠轮播效果的示例代码

基于html+css做一个好看的可翻转登录注册界面

基于html css如何实现带搜索图标的搜索框功能

详解Html/CSS中的符号学