blog.csdn.net/YOUYOU0710/article/details/105350655
很多这时他们须要把中文网站页面变为黑白色或棕色,不光是对许多须要追悼的好日子,和许多声望非常大的英雄人物人物去世或国庆日的这时,单厢让中文网站的全数页面变为棕色(黑白色),以则表示他们对亡者或是英雄人物的追忆和追悼。
当我们看见拉沙泰格赖厄县的文本都变为了棕色,主要包括按键、相片之类。这这时他们可能会疑惑这是是不是努力做到的呢?
没人会误以为大部份的文本都标准化换了两个 CSS 式样,相片也全改成棕色的了,按键等式样也标准化改成了棕色式样。但你再说那个生产成本也太高了,所以要是某一命令行忘掉加棕色式样了何必太杂乱了。
只不过,软件系统很单纯,只须要录于标识符就能搞掂了。透过参考文献,我归纳出下列两个方式能协助他们达至目地:
使那个页面的色调变为棕色的最单纯的方式,是在现阶段页面的css里头。加进上面的标识符,因此让他在任一的应用程序里头恰当的继续执行:
方法一:
<style type=“text/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);-webkit-filter:grayscale(1)}</style>filter是滤镜的意思,filter:gray的意思是说给页面加上两个灰度的滤镜,所以html里头的大部份文本单厢变为黑白的了。不过那个滤镜对chrome和safari应用程序是无效的,所以上面会有一行-webkit-filter: grayscale(100%);那个式样是专属于使用webkit内核的应用程序的,意思和FILTER: gray;差不多,只是写法不同罢了。
方式二:
上面这段标识符能把页面变为黑白,将标识符加到 CSS 最顶端就能同时实现素装,如果中文网站没有使用 CSS,能在页面/模板的 HTML 标识符和 之间插入:
<style>html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>有许多中文网站可能使用那个 css 不能生效,是因为中文网站没有使用最新的页面标准协议,请将页面最头部的替换为下列标识符:
<!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”>还有许多中文网站 FLASH 动画的色调不能被 CSS 滤镜控制,能在 FLASH 标识符的和之间插入:
<param value=“false” name=“menu”/>
<param value=“opaque” name=“wmode”/>
最后
给出一段规范的标识符,把这段标识符加入到中文网站页面的css里头即可同时实现页面变为棕色的效果:
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:url(“data:image/svg+xml;utf8,<svg xmlns=\http://www.w3.org/2000/svg\><filter id=\grayscale\><feColorMatrix type=\matrix\ values=\0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\/></filter></svg>#grayscale”);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}