選擇身體，但不是模態應用模糊背景的模糊效果

Question

我使用引導模態。我用什麼模式並不重要，這個想法是應用模糊過濾器（儘管它只在webkit中支持）。

$myModal.on('shown.bs.modal', function() { 

     $(body).addClass('modalBlur'); 
) 

CSS

.modalBlur{ 
-webkit-filter: blur(5px) grayscale(50%); 
} 

我寫了這一點，但它適用於模態本身而不是身體的模糊效果。另一個問題是有沒有辦法做到這一點？適用於身體將嚴重打擊演出。

Answer 1

嘗試處理show事件。此外，您可能希望將modalBlur應用於容器，而不是整個機構，因爲這也會使模式變得模糊。

$('#myModal').on('show.bs.modal', function() { 
    $('.container').addClass('blur'); 
}) 

演示：http://www.bootply.com/91532