Question

我正在使用带有primefaces的jsf处理webapp。

继承了我的一些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允许......

filter: blurry(10px);

对我来说没有做到这一点......认为对话框是叠加的

任何帮助表示赞赏

感谢

Answer 1

您可以使用插件http://blurjs.com blur.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)'
    });
});

请尝试一下，它没有经过测试。

透明的模糊背景

1 个答案: