Heim >Web-Frontend >HTML-Tutorial >网站图片变灰的通用CSS解决方案_html/css_WEB-ITnose
网站图片变灰的通用CSS解决方案_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:08:201045Durchsuche
<style>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); filter: gray;} </style> <!--[if IE]><style> 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); filter: gray; } </style> <![endif]-->
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：iphone浏览器中有概率出现“浏览器工具栏和底部导航栏”重叠，刷新即可修复，Why？_html/css_WEB-ITnoseNächster Artikel：基于Vector Animation Complex技术的矢量图形编辑器：VPaint_html/css_WEB-ITnose