CODEWITHSUNDEEP
cssinternet-explorersvgfilter
Totallama
Totallama

Reputation: 448

How to make Blur Effect working in IE

I need to create a blur effect that would work also on IE when position is set on relative, absolute atc.. I am not able to make this work. Here is a sample: Sample

It is supposed to be all blurred but it only blurs element with no position set. Works fine in other browsers but not on IE..

Upvotes: 2

Views: 3955

Answers (1)

G-Cyrillus
G-Cyrillus

Reputation: 105903

You need to extend your blur filter to elements themselves :

.blur, /* do you neeed it too for IE ? */
.blur p, /* extra for IE  */
.blur div/* extra for IE  */
 {
-ms-filter: blur(2px); 
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius='2', shadowopacity='0.0');
}

So maybe the solution is to set the blur filter via class only to childs :), else filter is applied twice on non relative elements. blur with relative childs buggs

Upvotes: 1

Related Questions