前言:

导航栏为了做跟随页面一起滚动用了position:fixed 然后在ie不支持rgba的情况下用了filter 导致了子元素透明的情况

注:这bug只会在ie9浏览器以下触发 IE10以上因为不支持filter所以不会触发这个bug

尝试修复:

一开始以为是父元素用position:fixed的原因导致子元素透明了 改成position:static就没问题了 但是设置成static导航栏就没法跟着页面滚动了

搜索了一下 看到一篇博客提到父元素的透明度会影响子元素的透明度 突然想到好像符合 然后看了一下导航栏的代码 发现用了filter滤镜实现rgba的效果 注释掉能正常显示了

开心 又水写了一篇博客