css rgba导致字符图标失效？

.banner {
    line-height: 49px;
    opacity: .4;
    color: white;
    background-color: rgba(0,0,0,.4);
    /*background: rgb(0,0,0);*/
}

如果是这样，字符图标会失效

不仅本身如此，还会导致顶部的字体图标失效

注释掉rgba那一行就好了

请问这是为什么呢？

---

能贴一下dom吗？