CSS Filter not working on body in Chrome & Firefox
问题 I want to create a chrome extension that does some filtering for color blindness testing and wanted to use css/svg filters but have a problem with filters not affecting body background. Any suggestions? Link to codepen (test in Chrome) or see screenshots below: http://codepen.io/larsenwork/pen/oZvdzX/?editors=1100 html { filter: grayscale(100%); } body, div { background-color: cyan; } /* Codepen style (ignore) */ * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh;