请问B站顶部的模糊半透明导航条是怎么实现的呢？

Question

新人想学习B站顶部的导航条半透明模糊效果。
使用过CSS3的filter的blur滤镜，效果没有B站做的那么好。也用过多个层使用rgba色叠加，也不行。
我查了B站的代码，貌似它不是用滤镜实现的，而且兼容性很好，不知道怎么做出来的。
希望各位老司机能给我指点一个方向。

Answer 1

看了下代码，毛玻璃效果是用 filter:blur 加 background-image 实现的。

具体的做法可以参考这篇文章

Answer 2

background-color: rgba(255,255,255,0.4);
代码里生效的属性是这么写的。
filter:blur(5px);