这个像玻璃一样的效果用CSS怎么写

本人是个小白 今天看到B站的这个效果挺好看的 怎么写出来 我用透明度试了一下 但是鼠标放上去后字体也跟着透明了图片说明
我的是这样子的图片说明

rgba背景色而已。。不要用透明opacity，用这个背景和文字容器得分开

 <div style="height: 50px; background: rgba(102,102,102,.5); position:fixed;left:0;top:0;width:100%;z-index:99">导航内容啊</div>
<div style="height:2000px;background:#0f0"></div>

http://www.zhangxinxu.com/wordpress/2010/05/rgba%E9%A2%9C%E8%89%B2%E4%B8%8E%E5%85%BC%E5%AE%B9%E6%80%A7%E7%9A%84%E5%8D%8A%E9%80%8F%E6%98%8E%E8%83%8C%E6%99%AF%E8%89%B2/

https://segmentfault.com/q/1010000008134416

上面说的对，用background:rgba(0,0,0,0.5)或opacity即可实现，头部导航给个固定定位即可

background:rgba(255,255,255,0.5);不用客气 这个和opacity不一样，opacity会让你整个元素都透明，这个会让你的元素背景透明 文字内容不受影响