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

Question

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

Answer 1

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/