如何使用CSS制作模糊的背景

Question

嗨，我有一个div作为导航栏，位于我的页面顶部，带有z-index，固定位置等等，我希望滚动过程中文本和其他内容模糊不清 但我不知道如何做到这一点，请帮助 我目前的代码是 -

.cbp-fbscroller > nav {
    z-index: 9999;
    position: fixed;
    left: 0px;
    height: 10%;
    background: ???;
    top: 90%;
    width: 100%;}

.cbp-fbscroller > nav a {
    display: block;
    position: relative;
    z-index: 9999;
    margin-top: 25px;
    float: right;
    text-transform: uppercase;
    color: #fff;
    margin-right: 70px;
    -webkit-transition: all 0.2s ease-in-out;
    border-bottom: 0px solid #fff;
    border-top: 0px solid #fff;
    padding-bottom: 15px;
}