1. 插入div,再在其中插入2个div,分别为div1和div2,如下图:

2. 在div1上设置背景图,详情请看背景

3. 样式类文件中添加如下代码;test为样式类名称;4为模糊度,值越大越模糊
.test{
-ms-filter: blur(4px);
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
4. 在div1上右键选择逻辑,元素class上填写样式类的名称

5. div2内放入需要显示在背景上的内容;在div2上设置布局,详情请查看布局
