最近写了一个简单的毛玻璃效果，操作流程是以一个图片为背景并模糊，同时再在此背景上加上一层半透明的效果就制成毛玻璃的特效，但是想在毛玻璃上输入文字却一直不显示，求一下问题出在哪里？如何解决？

html部分：

  <p class="container-fluid about">
    <p>关于我</p> <--此处不显示--!>
    <p class="intro">
    <p>关于我</p><--此处不显示--!>
    </p>
  </p>

css部分：

.about{
  background: url(../images/home.jpg) no-repeat center center fixed; 
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(10px); /* Chrome, Opera */
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);    
  filter: blur(10px);
}
.about .intro{
  background:rgba(0,0,0,0.2) no-repeat center fixed; 
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}