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

html部分：

 
关于我
 <--此处不显示--!> 
 
关于我
<--此处不显示--!> 
 

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; }