Maison  >  Article  >  interface Web  >  简单的网站变成灰白色

简单的网站变成灰白色

WBOY
WBOYoriginal
2016-09-22 08:42:162141parcourir

加入css样式

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox */
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray; /* IE6-9 */
}

 

html标签中添加如下代码

<span style="color: #0000ff;"><span style="color: #800000;">html </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"</span><span style="color: #0000ff;">></span></span>

 

ie 10 如果在必须变灰色的情况下,可以尝试使用grayscale.js

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn