wordpress设置首页页面或全站页面变灰色的方法

ruoyer 技术笔记评论2,224阅读模式

wordpress设置首页页面或全站页面变灰色的方法

特别原因需要将wordpress博客页面变灰处理,可以按下面方法设置:

1.首页变灰

登陆后台,点击左侧导航【外观】,再点击【自定义】。只有首页变灰就把以下代码放在主题文件夹的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- */
}

2.全站变灰

登陆后台,点击左侧导航【外观】,再点击【自定义】。然后把下面的几行代码粘贴到【额外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- */
}

 
ruoyer
  • 本文由 ruoyer 发表于 2022年12月5日23:27:42
  • 转载请务必保留本文链接:https://www.ruoyer.com/gray.html

发表评论