技术教程
当前位置:首页 > 技术教程

将网站、网页整个界面变成黑白灰色调css代码

( 更新:04-03   加入收藏)
###网页黑白代码外部样式
**写入.css文件请用*

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


###网页黑白代码内部样式
写入头部head标签里面

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


###网页黑白代码内联式
写入html标签,找到html

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


###网页黑白代码QQ群空间版,针对大部分主流浏览器
**写入.css文件请用*

<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代码的详细内容。
相关阅读