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

网站全站变灰代码

innov3年前 (2022-12-01)建站2720

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

分享给朋友:

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

Discuz X3.1-x3.2 admin.php 防止直接恶意访问(安全加固)

Discuz X3.1-x3.2 admin.php 防止直接恶意访问(安全加固)

功能说明:admin.php是discuz默认的后台地址,正常情况下可以直接访问,为了防止某些恶意访问的情况,可以修改以下内容进行安全性能提升。适用版本:Discuz!x1-x3.2具体实施方案:admin.php中找到:$discuz->init();换行后,添加如下代码,就可以了if(!$...

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

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

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

Zblog程序如何添加单页面

Zblog程序如何添加单页面

第一步,我们要对zblog的模板修改有一定的基础,懂得一些基本的知识才行 第二步,找到我们要修改的模板文件,路径如下:THEMES/你的模板文件夹/TEMPLATE/default.html,default.html是模板的首页,我们在这里建议用DW来编辑,通过ftp把这个文件下载到本地。...

ZBlogPHP禁止选中/复制网页上的文字

ZBlogPHP禁止选中/复制网页上的文字

博客内容被恶意不署名转载,原创文章被转载并比自己网站提前收录,这些问题都很让博主们烦恼,那么怎么让别人不能复制网站的文章呢,今天给大家介绍一个ZBlogPHP禁止右键选中复制网站文章的方法。主要功能:禁止选中或者复制网页上的文字,从而实现简单的防盗功能。实现方法很简单,几句CSS语句即可!body{...

网站备案被注销后的应对办法

网站备案被注销后的应对办法

”【工信部备案系统】工业和信息化部网站备案系统-短信通知:尊敬的用户XXX,您的备案XXX已被注销。特此通知!“很多网站管理员可能都遇到过这样的状况,网站运行的好好的,突然毫无预知地收到一条短信通知,说网站的备案被注销了,第二天再次访问网站,就会发现网站被机房自动屏蔽无法打开了,遇到这种情况,网站管...

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

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

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

发表评论

访客

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