css3 實現一個線性漸變出現的問題？

問題描述

.linear { position: relative; height: 1px; width: 100%; background: -webkit-linear-gradient(left,#fff 20%,#000 60%,#fff 20%);}

結果就變成了這樣：

不知道哪里出現了問題？

問題解答

用法：-webkit-linear-gradient(left,#fff 20%,#000 60%, #fff);

顏色斷點后面跟著百分比，是整個線性距離的百分比，所以，最前面應該是 0%，最后是 100%，其余百分比依次遞增。0% 與 100% 可以省略不寫。