1. 对元素直接使用模糊会将其内容全部模糊掉,为了保证文字不会模糊掉需要多一个层单独应用模糊效果。
2. 模糊效果并不会应用到其背后的元素上,所以需要使用 content 区域有和背景相同的背景图并进行模糊。
只是用到了css滤镜(filter)中的blur属性。CSS中的毛玻璃特效主要使用了filter属性里的blur()函数,也就是高斯模糊滤镜。
但是要做一个好的毛玻璃效果,需要注意很多细节。
-webkit就是针对,webkit核心浏览器的,典型CHROME,Safari-moz是Mozilla核心,典型,火狐
-o-, -xv-,典型OPERA
-ms,一看就知道是微软了,一般省略
你加上其它厂商的标头试试,有部分不支持这属性,