网站在某种特定的情况下,需要使整个网站变成黑白的颜色。给网站实加上以下代码就能很容易实现黑白效果了:
<!--网站变灰色代码--> <style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; } </style> <!--网站变灰色代码-结束-->
filter是滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。 不过这个滤镜对于chrome和safari浏览器是无效的,所以下面会有一行-webkit-filter: grayscale(100%); 这个样式是专属于使用webkit内核的浏览器的,意思和FILTER: gray;差不多,只是写法不同罢了。
实现效果:
*我们的专业顾问会在24小时内与你获得联系,请填写正确的联系方式!