Last active
May 14, 2021 03:51
-
-
Save hydra35/5426536 to your computer and use it in GitHub Desktop.
to gray, for Ya'An, Si Chuan earthquake
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # nginx.conf | |
| http { | |
| # ...... | |
| sub_filter '</head>' '<style type="text/css">html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } img { _filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(100%); } </style>'; | |
| sub_filter_once on; | |
| # ...... | |
| } |
会被过滤掉一些代码。这个url里，有解决Firefox的方法：http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
Good, Thank you!
@itchina110 thanks! update the original to support firefox
mark
挺好，我暂时还没有找到合适于Opera的方法。
mark
一种玩法，记载下
这样子方便多了啊
mark
mark 很不错
.... 这和在前端页面上加个CSS有个啥区别。。。
第12行最好修改为：
}</style></head>';
mark
mark
very good, thanks!
不错
mark
good!
为什么要写个html,再加个img？一个html，img自动会应用的吧？至少我这里是的
马克一下，多谢
有意思。
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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'/>#grayscale"); /Firefox/