Question

此栏标识顶部菜单下方的标签，为布局添加一些颜色。渐变的工作没有抛出％值，但我想要做的是稍微拉伸边缘的纯色以更好地定义菜单。我应该做些什么改变？

#tabLower {
    background:linear-gradient(90deg,rgba(204,147,90,1) 10%,rgba(204,147,90,.5),rgba(204,147,90,1) 10%);
    width:1440px;
    height:10px;
    position:fixed;
    left:0;
    top:50px;
    z-index:220
}

Answer 1

线性渐变是其中一个异常。它们针对不同的浏览器编码不同。它有时更容易使用生成器，如http://www.colorzilla.com/gradient-editor/

Answer 2

我发现了一个狡猾的答案，它做了我喜欢的事情，所以很好。我将渐变的不透明度设置为.5，我将其更改为.7并且最终使颜色渐渐变淡使边缘更长。

#tabLower {
    background:linear-gradient(90deg,rgba(204,147,90,1),rgba(204,147,90,.7),rgba(204,147,90,1));
    width:1440px;
    height:10px;
    position:fixed;
    left:0;
    top:50px;
    z-index:220;
}

3部分线性梯度问题

2 个答案: