网页变灰色纯样式代码真正完美兼容各大浏览器

网页变灰色一般针对特别的节日,我们草根站长会把我们的网页变成灰色,下面跟版网介绍一种方法,真正能兼容各大浏览器的网页变灰色的样式代码。 把如下代码加入你的网页样式中即可。 html{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-fi

网页变灰色一般针对特别的节日,我们草根站长会把我们的网页变成灰色,下面跟版网介绍一种方法,真正能兼容各大浏览器的网页变灰色的样式代码。

把如下代码加入你的网页样式中即可。
 

 html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

demo展示1: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / tit
本文实例讲述了jquery实现点击变换导航样式的方法。分享给大家供大家参考。具体如下: 这里分享一个导航点击变换样式的代码,近来看到很多网站的导航都是点击后导航样式跟着变化,今天就使用jqurey简单实现这一功能,高手勿喷。 运行效果截图如下: 代码如下
js实例如下: html head title php点点通 - 关注php开发,提供专业web开发教程 /title meta charset="utf-8" scriptfunction add(){var name = document.getElementById("name").value;var url = document.getElementById("url").value;
javascript实现勾选协议才可以提交,不勾选按钮灰色。代码如下: htmlheadscript type=text/javascriptfunction disable() { document.getElementById(accept).disabled=true }function enable() { document.getElementById(accept).disabled=false }/script
1、在HTML头部增加viewport标签。 在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下: meta name=viewport content=width=device-width, initial-scale=1 / 这段代码支持Chrome、Firefox、IE9以
HTMLHEADTITLEtextarea宽度、高度自动适应处理方法/TITLE!-- 控制宽度的自动适应 --style type=text/css.comments { width:100%;/*自动适应父布局宽度*/ overflow:auto; word-break:break-all;/*在ie