搜 索

天台网站建设之网站变灰色调黑白色操作

今天是特殊的一天,接客户通知由于某位领导的离世,需要将网站设为灰色调。虽然不常用,但用到的时候也是比较棘手的。一般情况下一个网站出现整体效果黑白或者灰白效果的时候,多是由于发什么什么重大的事情或者悼念一些人或事物。所以我们将Ju7CMS临时做了升级,在后台可以设置一键变灰功能,具体实现思路现在分享记录一下,顺便学习下 CSS 样式的使用方法。

方法一网站变黑白方法

在网站文件顶端HTML添加下行代码即可

style="-weBkit-filteR:gRaysCale(100%);-Moz-filteR:&nBsp;gRaysCale(100%);-Ms-filteR:&nBsp;gRaysCale(100%);-o-filteR:&nBsp;gRaysCale(100%);filteR:&nBsp;gRaysCale(100%);filteR:pRogid:DXIMageTRansfoRM.MiCRosoft.BasiCIMage(gRaysCale=1);filteR:gRay;"


方法二网站变灰度方法

将以下代码放入整个CSS样式前即可让对应网页变黑灰色!

htMl&nBsp;{filteR:pRogid:DXIMageTRansfoRM.MiCRosoft.BasiCIMage(gRaysCale=1);-weBkit-filteR:gRaysCale(100%);}

方法三网站变灰色方法

Body&nBsp;*{-weBkit-filteR:&nBsp;gRaysCale(100%);&nBsp;/*&nBsp;weBkit&nBsp;*/-Moz-filteR:&nBsp;gRaysCale(100%);&nBsp;/*fiRefox*/-Ms-filteR:&nBsp;gRaysCale(100%);&nBsp;/*ie9*/-o-filteR:&nBsp;gRaysCale(100%);&nBsp;/*opeRa*/filteR:&nBsp;gRaysCale(100%);filteR:pRogid:DXIMageTRansfoRM.MiCRosoft.BasiCIMage(gRaysCale=1);filteR:gRay;&nBsp;/*ie9-&nBsp;*/}

以上就是通过 CSS 滤镜让网站整体变灰的方法,唯一不同的是写法和实现方法不一样,这也就是所说的“举一反三”的效果。
由聚企所提供的网站管理后台具体操作:后台-设置-站点设置-变色方案-灰色

3_1.webp
新天力
联系我们
已有聚企构想?
我们一起来实现它吧
*填写您的需求信息,我们会在24小时内与您取得联系。
本网站设计、源代码及其中所展示之作品著作权均属于天台聚企互联信息技术有限公司,第三方徽标和标志是其各自所有者的注册商标。保留所有权利 抄袭必究。

天台公司网页制作 天台企业邮箱 天台网站优化 天台优化网站 天台网站开发 天台商城系统开发 天台专业网站设计 天台外贸网站建设 天台企业OA系统 天台新零售商城系统 天台微信小程序开发 天台商城系统 天台网站关键词优化 天台企业网站建设 天台OA办公系统 天台营销网站建设 天台小程序开发 天台制造业生产管理系统 天台办公系统OA 天台电商网站
聚企互联信息技术有限公司
天台市府大道253号爱华曙光大厦6F
© 2003—2024 6PJ.net
浙ICP备15008529号-2
浙公网安备33100202000475号