php - jgrowl通知でコンテンツではなく背景のみをぼかして透明にする方法

Question

jgrowl通知の背景をぼかして透明にしてみましたが、透明なものだけが機能します。ぼかすと内容もぼやけます。content はテキスト通知を意味します。背景を透明にしたり、ぼかしたり、コンテンツにしたりしたくありません。 このjsfiddle

CSS:

.test{
background-color:rgba(102, 204, 153,0.95);
color:#fff;
font-weight:bold;
border:1px #fff solid;
filter: blur(5px) ;
}

JGROWL :

<script type="text/javascript">
    $(function() {
    $.jGrowl("<p class='upper'><i class='fa fa-exclamation-triangle' aria-hidden='true'></i> <?=$row['NTFY_TTL'];?></p><?=$row['NTFY_DESC'];?><br> <small>Posted <?=$row['BEG_DT'];?></small>", { 
        theme: 'test',
        position: 'top-right',
        life: 3000 
    });
    });
</script>

このjsfiddle