成都网站建设设计

将想法与焦点和您一起共享

怎么使用CSS将网站网页变灰色

这篇“怎么使用CSS将网站网页变灰色”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用CSS将网站网页变灰色”文章吧。

为大埔等地区用户提供了全套网页设计制作服务,及大埔网站建设行业解决方案。主营业务为做网站、成都网站制作、大埔网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

方法如下:

这段CSS代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

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

如果你的页面中没有HTML标签,记得加进去,可以加以下HTML5标签,或者更换上面的CSS标签的html为body或者其它。



有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的之间插入:


如果某些带有Flash的页面仍显示彩色,或浏览器上下滚动条拖动时Flash FLV播放器变花(例如剑网3、剑侠世界官网分流页),将Flash改为JS输出(本例为SWFObject):


以上就是关于“怎么使用CSS将网站网页变灰色”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


文章名称:怎么使用CSS将网站网页变灰色
分享路径:http://chengdu.cdxwcx.cn/article/jdccgg.html

其他资讯