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

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

2021-09-04 1092人已围观

简介 这篇文章主要给大家介绍了关于利用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）：
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

                
                

                

                                            
上一篇：利用css3如何设置没有上下边的列表间隔线CSS利用伪元素实现导航栏斜线分隔

                                                                
下一篇：避免不必要的浏览器兼容性问题的5个技巧针对IE浏览器的兼容问题小结兼容主流浏览器的CSS透明代码(必看篇)浅谈浏览器的兼容性(必看篇)关于遇到的浏览器兼容问题及应对方法(推荐)浅谈遇到的几个浏览器兼容性问题

                                    

            

        

        

            
相关内容

            
        

    

    

        

            
点击排行

            
        

        

            
本栏推荐

            
        


        

            
猜你喜欢

            
        

    








    




    
        -六神源码网