WordPress如何实现网站页面变成灰色

一、全站页面变灰色设置方法:
WordPress网站登陆wp后台,点击左侧导航【外观】,再点击【自定义】。然后把下面的几行代码粘贴到【额外CSS】输入框中,然后发布。

html{
-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- */
}

二、首页页面变灰色设置方法:
WordPress网站登陆wp后台,点击左侧导航【外观】,再点击【自定义】。只有首页变灰就把以下代码放在主题文件夹的index.php 或者functions.php 文件里,不要放在头部和尾部。

html{
-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- */
}

给TA赞赏
共{{data.count}}人
人已赞赏
重要声明

本站部分资源来自网络,如有侵犯你的权益请联系管理员,QQ46520959 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

2 条回复 A文章作者 M管理员
  1. 通信汪
    通信汪给作者打赏了k1
  2. 通信汪
    通信汪给作者打赏了Y1
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索