Cross-browser (IE8-) getComputedStyle with Javascript?

Here’s a cross-browser function to get a computed style… getStyle = function (el, prop) { if (typeof getComputedStyle !== ‘undefined’) { return getComputedStyle(el, null).getPropertyValue(prop); } else { return el.currentStyle[prop]; } } You may store it as an utility within an object, or just use it as provided. Here’s a sample demo! // Create paragraph element … Read more

filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera

Try with SVG filter. img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(#blur); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=”3″); } <img src=”https://i.stack.imgur.com/oURrw.png” /> <svg version=”1.1″ xmlns=”http://www.w3.org/2000/svg”> <filter id=”blur”> <feGaussianBlur stdDeviation=”3″ /> </filter> </svg>