上水君玉»惘城落遇 『藏经阁』 网站建设 特别的日子里网站变灰色的设置
返回列表 发新帖
查看: 593|回复: 0

[网站] 特别的日子里网站变灰色的设置

[复制链接]
惘城落遇 发表于 2020-1-20 09:56:01
QQ截图20200518173250.jpg
第一种:修改CSS文件
我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰
  1. html {
  2.     filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  3.     -webkit-filter: grayscale(100%);}
复制代码

第二种:在网页的<head>标签内加入以下代码
如果你不想改动CSS文件,你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰
  1. <style type="text/css">
  2. html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>
复制代码

第三种:修改<html>标签加入内联样式
如里上面的两种方式都不喜欢,可以通过修改<html>标签,以加入内联样式的方法,达到网页变灰的效果
  1. <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  2. -webkit-filter: grayscale(100%);">
复制代码

第四种:CSS代码
  1. 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- */}
复制代码


PS:以上几种方法,都是通过CSS的滤镜来控制页面的显示而已,唯一不同的就CSS代码调用的方式。各位,喜欢哪种就自己挖去吧!

绿水本无忧, 因风皱面;青山原不老, 为雪白头
返回板块
回帖列表
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表