Прозрачный размытый фон

Question

im Работа с webapp с использованием jsf с элементами.

Heres некоторые из моих CSS, что делает мои диалоги белых прозрачные:

.ui-dialog, .ui-dialog-footer { 
    background: rgb(255, 255, 255); 
    background: transparent\9; 
    background: rgba(255,255, 255, 0.6); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, 
     endColorstr=#66000000); 
    zoom: 1; 
    border: none; 
    color: black !important; 
} 

теперь выглядит следующим образом:

http://fs5.directupload.net/images/151201/2tutzmwh.png (кажется, я не имею достаточно очков, чтобы разделить эти ПОС в редакторе XD

то, что я хочу сделать, это сделать фон (только за диалогом) размытым, если возможно кросс-браузер совместимым;) jquery allowed ...

filter: blurry(10px); 

не сделал трюк для меня ... рассмотрим диалоги Наложения

любая помощь оценили

благодарит

Answer 1

Вы можете использовать плагин http://blurjs.comblur.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
    <script src="js/blur.js"></script> 
$(document).ready(function() { 
    $('#bg').blurjs({ 
     source: 'body', 
     radius: 30, 
     overlay: 'rgba(0, 0, 0, .2)' 
    }); 
}); 

Пожалуйста, попробуйте, он не проверен.