WordPress博客实现网站颜色变黑白/灰白效果方法

今天一定有很多站长发现,百度、腾讯、新浪等国内大型网络平台,颜色都变成灰白了,原因是一代伟人逝世,作为80后站长,对此深感心痛!给网站颜色设置成黑白/灰白颜色,是主机吧对伟人缅怀的唯一方式。

WordPress博客实现网站颜色变黑白/灰白效果方法插图

这里主机吧教大家如何把网站颜色设置成黑白/灰白。

第一种网站变黑白方法:

在 style.css 文件顶端添加下行代码即可,有些 wordpress 网站主题有自定义 CSS 样式功能,可以直接把代码粘贴进行保存即可。

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

第二种网站变灰度方法:

将以下代码放入 </head> 前即可让对应网页变黑灰色!

<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>

第三种网站变灰色方法:

如里上面的两种方式都不喜欢,可以通过修改 <html> 标签,以加入内联样式的方法,达到网页变灰的效果。

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">

第四种网站整体变灰方法:

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

好了,以上就是四种通过 CSS 滤镜让网站整体变灰的方法。

给TA打赏
共{{data.count}}人
人已打赏
好经验

京东云星盾如何添加IP段白名单

2022-11-29 9:39:45

好经验

用了3年的主机商倒闭了, 怎么办?

2022-12-1 9:38:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索