在一些特殊情况下,我们需要表达某种情义,需要对整个网站进行去色,让整个网站成灰黑色,例如:国家,民族发生重大灾害(四川雅安7级地震),为了表达我们作为中国的悲伤之情,寄予哀思.通过以下代码可以实现网站去色:
html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
兼容更广的去色代码:
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
南昌网站建设公司工程撰写,代码由南昌建网站公司技术人员调试,如转载请注明出处!