2014-05-31 4 views
1

Мне нужно создать эффект размытия, который будет работать и на IE, когда position настроен на relative, absolute atc .. Я не могу выполнить эту работу. Вот пример: SampleКак заставить эффект размытия работать в IE

Предполагается, что все размыто, но оно только размывает элемент без position. отлично работает в других браузерах, но не на IE ..

+1

Может быть, это поможет вам http://stackoverflow.com/questions/15803122/filter-blur1px-doesnt-work-in-firefox-ie-and-opera – user3668232

+0

Но это не решает мою проблему с position .. – Totallama

+0

У меня такое же решение, как и в вашей ссылке, но оно просто не работает, когда вы устанавливаете позицию: relative; и т. д. – Totallama

ответ

2

Вам нужно расширить фильтр размытия для самих элементов:

.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'); 
} 

Так может быть, решение установить фильтр размытия с помощью класса только Чайлдс:), else фильтр применяется дважды на не относительных элементах. blur with relative childs buggs

+0

Удивительный, это, наконец, работает !! – Totallama

+0

Спасибо. Но есть ли решение установить фильтр размытия на всех дочерних элементах? Я имею в виду, что я хотел бы получить все элементы тела размытыми, и может быть много элементов внутри со сложной структурой. – Totallama

+0

использовать джокер возможно? body * {} или body> * {} –

Смежные вопросы