您现在的位置是:网站首页> 编程资料编程资料

利用CSS将网站网页变灰色代码示例用css3实现当鼠标移进去时当前亮其他变灰效果css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式网页变灰配合全国哀悼日的css代码 20100421css使图片变灰的实现方法一段css让全站变灰的代码总结

2023-10-21 269人已围观

简介 这篇文章主要给大家介绍了关于利用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):

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

-六神源码网