Rumah >hujung hadapan web >html tutorial >网站图片变灰的通用CSS解决方案_html/css_WEB-ITnose
网站图片变灰的通用CSS解决方案_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:08:201057semak imbas
<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]-->
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：iphone浏览器中有概率出现“浏览器工具栏和底部导航栏”重叠，刷新即可修复，Why？_html/css_WEB-ITnoseArtikel seterusnya：基于Vector Animation Complex技术的矢量图形编辑器：VPaint_html/css_WEB-ITnose