【分享】让整个网站图片变为灰色效果的三种办法

【分享】让整个网站图片变为灰色效果的三种办法:看到一些网站做出特效,让网站上图片都变成灰色,其实很简单。效果参考本站。

下面是方法:

首先需要把原有的<html>头修改一下,成为: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> 再在网页里面加上CSS式样定义:
<STYLE>HTML { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) } </STYLE>
就可以了。

 

网站变灰现在流传的形式: 在网页头部文件header加入

<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
</style>

方法二: 在CSS头部加上以下代码就可以 复制内容到剪贴板  代码:

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

方法三: 修改css文件。在以下的文件当中 form,div,span,img,ul,ol,li, { 加入 filter: Gray; 就可以全部灰色了。包括图片。