問題描述

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

結(jié)果就變成了這樣：

不知道哪里出現(xiàn)了問題？

問題解答

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

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