网站建设 > 网站建设 > 网络建站知识 >

查看其它板块

让整个网站都变灰色的小技巧

作者：狐灵科技 | 2020-02-12 15:32 |点击：

为什么要让网站变灰色？

一般是用来悼念比如国家公祭日那一天会发现很多知名的网站像网易 QQ等这些网站都是灰色的

再比如这次悼念李文亮医生

那么我们怎么来实现呢

其实很简单

在html里加入这个属性即可

filter: grayscale(1);

在附上腾讯网让网站变灰色的代码

<style>

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

}

</style>

1.网页黑白代码外部样式（写入*.css文件请用）

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

}

2.网页黑白代码内部样式（写入头部head标签里面）

<!--

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

-->

</style>

3.网页黑白代码内联式（写入html标签，找到html）

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);">

以上就是狐灵科技总结的让网站整体变灰色的小技巧

如没特殊注明，文章均为狐灵科技原创,转载请注明 https://www.hulingweb.cn/jzzs/901.html

多一份参考，总有益处

联系狐灵科技，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

业务热线：023-68168040 / 大客户专线：15523356218

在线咨询在线咨询提交需求

关于狐灵科技

狐灵致力于互联网品牌建设与网络营销，专业领域包括网站建设、 SEO优化、移动互联网营销、高端网站建设、高端网站设计、品牌网站定制开发、营销策划推广电子商务、移动互联网营销、为不同类型的客户提供良好的互联网应用定制解决方案，我们将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供一体化全方位的互联网品牌整合方案！

我们的优势

量身打造个性化网站制作

代码深度符合SEO优化

一站式企业网站建设服务

前沿视觉设计、研发能力

重庆网站建设公司

多项网站设计传播大奖

营销型网站建设专家

自主研发网站管理系统

B2C电商网站建设供应商

完善的售后服务体系

我们的不同

在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候，我们已经开始把数字化品牌建设和网络传播进行了整合。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,为所有谋求长远发展的企业品牌贡献全力！

友情链接交换友情链接 交换友情链接 展开

公司地址：重庆市九龙坡杨家坪重百大楼21-8 | 业务热线：023-68168040

专业团队为您提供重庆网页设计, 品牌网站设计,营销型网站制作,SEO优化关键词排名推广等服务,建网站就找狐灵科技！ | TAG标签 | 网站建设地图 | 网站地图

首页

网站建设

优化推广

案例

方案

电商平台

微信营销

资讯

我们

联系

精准传达 • 价值共享

查看其它板块

让整个网站都变灰色的小技巧

1.网页黑白代码外部样式（写入*.css文件请用）

2.网页黑白代码内部样式（写入头部head标签里面）

3.网页黑白代码内联式（写入html标签，找到html）

热门标签

多一份参考，总有益处

联系狐灵科技，免费获得专属《策划方案》及报价

业务热线：023-68168040 / 大客户专线：15523356218

关于狐灵科技

我们的优势

我们的不同

友情链接交换友情链接 交换友情链接 展开

网站建设

Website Building

推广优化

Seo

案例

Site case

方案

Solutions

电商网站开发

E-commerce & System

我们

About Us

联系

Contact Us

精准传达 • 价值共享

查看其它板块

让整个网站都变灰色的小技巧

1.网页黑白代码外部样式（写入*.css文件请用）

2.网页黑白代码内部样式（写入头部head标签里面）

3.网页黑白代码内联式（写入html标签，找到html）

热门标签

多一份参考，总有益处

联系狐灵科技，免费获得专属《策划方案》及报价

业务热线：023-68168040 / 大客户专线：15523356218

关于狐灵科技

我们的优势

我们的不同

友情链接 交换友情链接 交换友情链接 展开

友情链接交换友情链接交换友情链接展开