一生平安 发表于 2020-4-4 16:51:11

让整个网站变成灰色的做法

  方法一,
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!--    可以是整个网站变成灰色的   --> 方法二,
  html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }
  使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
  如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
 <style>
  html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
  </style>
  有一些站长的网站可能使用这个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>替换为以上代码。
  有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
  <param value="false" name="menu"/>
  <param value="opaque" name="wmode"/>
  最简单的把页面变成灰色的代码是在head 之间加<style type="text/css"> html {
  FILTER: gray
  }
  </style>
  方法三,
  html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
  把代码加到<head></head>之间

<!-->
  <style>
  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
  </style>
  <!--<!-->
  <!--><-->
  <style>
  html{
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter: gray;
  -webkit-filter: grayscale(1);
  }
  </style>
  <!--<!-->


页: [1]
查看完整版本: 让整个网站变成灰色的做法

爱淘宝 厦门鹭岛网络-361000.net ,翼企魔方,厦门企业邮局,厦门域名注册,虚拟主机,厦门软件定制|厦门网站建设!