让正常网页呈现黑白的几种方法

实现的方法如下:


第一情况:把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>

第二情况:如果你的站已有CSS,那加入

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }就可以了

第三情况:如果你的CSS中已有BODY {}那么你就加入

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

例如:BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}


  就这么简单的一点代码,作用域就是整个body,整个网页效果就出来了


  另外可以在后端通过服务器时间来控制样式在零点或者定时生效和失效,实现起来就更加方便了

想了解更多关于让正常网页呈现黑白的几种方法的内容,请扫微信
或微信搜索jiemingpan

本文链接:http://www.soufuzi.com/jianzhan/1686

(0)
上一篇 2023-12-14 09:20:26
下一篇 2023-12-14 09:20:26

相关推荐

  • 微信小程序做好引流的3个方式

    小程序如何去做好引流呢?   1.垂直领域  微信小程序想要做垂直,关键在于做关键词的拆分。微信小程序的开发框架都是一致的,成本相差不大,内容进行针对性填充即可。另外就是做矩阵,做矩阵的目的不只是实现精准流量的获取,更为了实现目标人群一致的情况下进行互相导流。   2.直观清晰  对于微信小程序的标题也要去精心的设计,让用户能够一眼就明白小程序是做什么的,能够用户产生什么样的价值。不能只站在企业的角度去思考标题,要站在用户的角

    2024-02-25 17:49:36
  • 购买跨境电商商品时需注意哪些问题?

      1.消费者应尽量选择正规、信誉较好的跨境电商平台购物。电商平台应建立相互独立的区块、频道或以明显标识对跨境电商零售进口商品和非跨境商品予以区分,消费者在选购时应注意区别。   2.由于跨境电商渠道货物在监管要求上不强制要求加贴中文标签,生产日期有时以批号形式出现,不够一目了然,可能出现商品超期或临期等问题。建议消费者在收到商品后注意检查生产日期及有效期,如有问题及时与跨境电商平台联系,维护自身合法权益。   3.跨境电商商

    2023-12-14 23:01:19