css gray,grayscale,css变灰兼容大部分浏览器

css gray,grayscale,css变灰兼容大部分浏览器

  1. html { 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"); /* Firefox 3.5+ */
  2. -webkit-filter: grayscale(100%); /* chrome+ */
  3. filter: grayscale(100%); /* 未来浏览器 */
  4. filter: gray; /* ie6-8 */
  5. filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */
  6. }

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。