当前位置:首页 > 建站 > 正文内容

网站全站变灰代码

innov2年前 (2022-12-01)建站2670

zblog程序可以使用插件“网站控制小神器1.1”操作全站变灰,如果因为主题的原因变不了可以考虑搜索小插件“添加自定义CSS样式 1.0.0”,复制以下代码:

html{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);  
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

方法一

第一种:修改CSS文件

我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰

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

第二种:在网页的<head>标签内加入以下代码

如果你不想改动CSS文件,你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰

<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%);">

第四种:这里使用的CSS代码

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- */   /*  但是这行代码是为了兼容IE, 虽然一行代码很少, 但是效果并不好, 而且网页比较卡, 不推荐使用[即删除,], 同时发现, csdn, 京东, 淘宝也都没有兼容IE11浏览器 */
}

以上几种方法,都是通过CSS的滤镜来控制页面的显示而已,唯一不同的就CSS代码调用的方式

方法二

同时支持IE和Chrome, Safari, 但是不支持Firefox.

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

补充:

body {
  filter:gray
}

说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

方法三

使用grayscale.js插件

使用grayscale.js插件。这个插件是模拟IE的filter:progid方法。

使用方法方法:

grayscale.js插件源文件:http://cn.baiwanzhan.com/js/gray_baiwanzhan.js

window.οnlοad=function(){
    grayscale(document.body);
}

说明:支持IE、Safari、Chrome、Opera和Firefox等浏览器。

问题:这个在IE下也挺占资源的。

方法四

找到你的CSS文件然后修改css代码文件。在以下的文件当中

form,div,span,img,ul,ol,li,

加入filter: Gray;

扫描二维码推送至手机访问。

版权声明:本文由知新日笺发布,如需转载请注明出处。

本文链接:https://innovdn.cn/post/507.html

分享给朋友:

“网站全站变灰代码” 的相关文章

推荐自媒体博主使用畅言评论系统

推荐自媒体博主使用畅言评论系统

最近,张春锁自媒体博客正在为文章没有好的评论系统烦恼,之前运用的多说评论系统不知道为什么在ZBLOG上使用起来不太好,评论的内容层叠关系不清晰,不能完全展开,自己也没有找出原因,也没有高手可以指点。今天无意中在Zblog应用中心里发现了畅言评论系统,开始原以为安装好了插件就可以使用了,原来还需要在畅...

zblog博客程序忘记后台登陆密码的解决方法

zblog博客程序忘记后台登陆密码的解决方法

FTP软件下载你的DATA目录下的数据库文件,保存到本地后,用数据库编辑软件打开数据库。打开你存放用户名和密码的表(默认是blog_Member)我们会看到你的默认用户是ADMIN后边一列mem_password下面就是用32位加密过的对应密码,我们把这一格里面的内容全部删除。替换成下面其中一个。a...

阿里云旗下万网推出免费虚拟主机和企业邮箱

阿里云旗下万网推出免费虚拟主机和企业邮箱

阿里云旗下万网宣布,正式推出免费虚拟主机和免费企业邮箱“阿里云邮”,满足中小企业的互联网基础设施(网站建设)需求。据悉,此次万网免费计划覆盖虚拟主机和企业邮箱两个最主流的企业应用。免费虚拟主机提供1G网页空间、50M数据库、10G/月流量。免费企业邮箱配置100个账号,提供5G空间并配备专属手机客户...

整理:WordPress中插入表格的方法

整理:WordPress中插入表格的方法

在写博客的时候,我们往往需要插入一些表格来证明自己的论点,比起文字,表格更加简洁、直观,数据表格很能说明文字,图形表格让效果更加直观,一个简单的表格效果往往比长篇大论更为有效。然而,遗憾的是,强大的WordPress 对表格的支持并不是很好,在后台编辑器中,很难方便的使用表格,本文将分享我所知道的4...

ICP许可证,不一样的“经营”许可

ICP许可证,不一样的“经营”许可

不就是备案吗?如果您这么认为,那您是本文的一位精准客户,请读完此文,将来或许有用。如果您早已了然于胸,不妨也听听故事。“ICP许可”不是备案,是国家针对公司互联网信息服务“经营性”行为的一种许可,是有证书的,备案则只有一个备案号。有图有真相:很多站长搞不清备案和许可间究竟有何区别,科普一下:国内互联...

投资域名的基本技巧

投资域名的基本技巧

现在股市猥琐,比特币深不可测,2015年底,一个新的投资领域,越来越引起人们的关注,那就是域名,最近关于谁谁谁靠卖了个域名,赚了几百万,几千万的新闻不绝于耳,一时间,无数散户大妈开始杀入域名投资领域,就如当初买黄金、买比特币似的,中国人对域名的疯狂,让世界为止震撼!据说6位数以下的数字COM域名都被...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。