网站怎么变成黑白灰色主题

最新推荐文章于 2023-02-02 21:09:28 发布

亲亲我啦

最新推荐文章于 2023-02-02 21:09:28 发布

阅读量307

点赞数

分类专栏：网络开发

本文链接：https://blog.csdn.net/jingmingg/article/details/105745397

版权

网络开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先您需要有一定的html基础，

在网页中的中间加入以下代码

<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>

或者

通过外部样式

<link rel="stylesheet" type="text/css" href="myGrayscale.css">

myGrayscale.css文件代码

html {
    /* IE 浏览器 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
}

通过内联样式

嵌入代码

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

有一些网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议

<!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">

请将网页最头部的替换为以上代码。

仅供参考，非完整代码，请谅解

参考地址：张家界工商注册

因哀悼日已经过了，所以这个站的主题已经恢复了，大家可以自行添加代码到自己的网站进行测试，抱歉！

亲亲我啦

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
网站怎么变成黑白灰色主题

首先您需要有一定的html基础，在网页中的中间加入以下代码<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale...
复制链接

扫一扫