在固定定位的元素使用过渡背景色问题

遇到的问题：
（暂时不知道为什么会出现这个问题）
页面中的顶部导航条，使用了固定定位（fixed），背景色为线性渐变(颜色使用rgb)，这时元素底部出现一条黑边，
解决方法：把线性渐变的颜色设置为rgba()。

background: linear-gradient(top, rgba(255, 105, 81, .98), rgba(255, 103, 80, .98));
background: -webkit-linear-gradient(top, rgba(255, 105, 81, .98), rgba(255, 103, 80, .98));
background: -o-linear-gradient(top, rgba(255, 105, 81, .98), rgba(255, 103, 80, .98));
background: -moz-linear-gradient(top, rgba(255, 105, 81, .98), rgba(255, 103, 80, .98));