透明模糊背景

即時通訊工作在一個webapp使用jsf與primefaces。透明模糊背景

繼承人一些我的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（好像我沒有足夠的積分，分享PIC在編輯器中的xD

我想要做的是使背景（只在對話框後面）模糊，如果可能跨瀏覽器兼容;）允許jquery ...

filter: blurry(10px);

沒有做的伎倆我...考慮對話框是覆蓋

任何幫助讚賞

感謝

來源

2015-12-01 Master Azazel

你爲什麼不添加一個CSS和/或jQuery標籤？它的種類是**不是** PrimeFaces，對話框（它是否可以使用普通的div），並且完全不模糊相關（請查看標籤描述）...請改善您的標籤以增加獲得幫助的機會。 – Kukeltje

你可以使用插件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)' 
    }); 
});

請嘗試一下，它沒有經過測試。

來源

2015-12-01 22:58:46

請修改您的帖子，鏈接無效。請記住，PrimeFaces alread包含最新的1.x版本的jquery。因此，添加一個2.0不是微不足道的（需要最有可能在沒有衝突模式下運行它） – Kukeltje

不希望用jquery插件來做它...目前，生病只是沒有實現模糊的對話框 –

透明模糊背景

回答

相關問題