How to fix: Full background image distorts in IE but works fine in chrome when using background-size: cover
问题 Please have this CSS distortion I have been battling with cross browser: https://dim.crservicesplc.ng/ Works fine in chrome but distorts in all others chrome : IE, Edge, Firefox Assistance appreciated 回答1: References: http://www.w3schools.com/graphics/svg_rect.asp http://www.w3schools.com/graphics/svg_fegaussianblur.asp https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur You could control intensity of filter from stdDeviation="15" and <rect style="opacity: 0.5;" /> and