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

Question

新人想学习B站顶部的导航条半透明模糊效果。使用过CSS3的filter的blur滤镜，效果没有B站做的那么好。也用过多个层使用rgba色叠加，也不行。我查了B站的代码，貌似它不是用滤镜实现的，而且兼容性很好，不知道怎么...

PHPz · Answer

Looking at the code, the frosted glass effect is achieved using filter:blur plus background-image.

For specific methods, please refer to this article

PHP中文网 · Answer

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