立即注册 找回密码

QQ登录

只需一步,快速开始

不需要懂技术,最简单把网站变黑白的办法来了!

2017-12-16 20:12| 发布者: 大师兄| 查看: 937| 评论: 0

摘要: 哀悼日,很多站长一般都会将网站变灰用来表达自己的沉痛心情和爱国之情。今天道勤小编就将所有的方法总结汇总下,包括火狐浏览器(有的测试说在火狐浏览器下不变灰)一、wordpress网站变灰方法 Wordpress 只要在你 ...
 哀悼日,很多站长一般都会将网站变灰用来表达自己的沉痛心情和爱国之情。今天道勤小编就将所有的方法总结汇总下,包括火狐浏览器(有的测试说在火狐浏览器下不变灰)

一、wordpress网站变灰方法

      Wordpress 只要在你的css头部加下面这段代码就可以了。

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


二、其它网站参考下面方法                 

       1. 只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

html{ filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }

       上面这段代码不换行直接复制,粘贴到你的css中就可以。


        2. 在你的网站页面上<head></head>之间加上下面这段代码:

<style type=”text/css”>body {filter:gray}</style>


        3. 在你的网站页面上<head></head>之间加上下面这段代码:<style>html{filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1);}</style>


       4. 找到你的网站CSS文件,把下面的代码放到网站的css文件头部中(此为教育网采用的方法)body{filter:gray;}


说明:

       1. 有一些站长的网站可能使用这个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“>

请将网页最头部的<html>替换为以上代码。然后在添加上面的代码。


        2. 有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value=”false” name=”menu”/><param value=”opaque” name=”wmode”/>

三、火狐浏览器实现方法


        以上所有的方法只针对ie跟chrome,下面就把针对火狐的方法介绍一下,此方法兼容所有的浏览器,也就是说只要你使用了下面的这个方法,你就可以免去上面所有的方法,不过此方法 会造成你的网站速度下降。

      这个方法使用js调用来实现。下载grayscale.js 这个文件,这个文件百度一下下载一个传到你的网站就可以。

   然后在你的网站头部加入下面的调用代码就可以了。

<script src="grayscale.js" type="text/javascript"></script> <script type="text/javascript"> window.onload=function(){ //网页变灰 grayscale(document.body); } </script>


方法就介绍到此吧,大家快用行动一起“牢记使命,勿忘历史”!


鲜花

握手

雷人

路过

鸡蛋

最新评论

!jz_fbzt! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程 ( 皖ICP备15000319号-1 )

GMT+8, 2024-12-22 19:28

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

返回顶部