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

实现的方法如下:


第一情况:把下面代码复制到你网页的<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

相关推荐

  • valencia

    Valencia,位于西班牙东南部,是西班牙最大的港口城市,也是一个著名的物流港口。Valencia是西班牙最重要的经济中心之一,也是欧洲最重要的港口之一。Valencia拥有良好的海运码头,每年吸引大量货物从世界各地运往欧洲。

    2023-03-14 08:49:54
  • 推荐测试网站的性能测试工具

    1.GooglePageSpeedInsights 首先介绍的这款网站速度和性能测试工具出自Google,通过分析网页内容来为开发者提供提升网站加载速的建议。PageSpeed的测试包含移动设备和桌面设备两方面,使您的网页在所有设备上都能快速加载。 2.Yslow YSlow是最常用的网站性能分析工具之一,相信Web开发者特别是前端

    2023-08-18 18:28:36