线性渐变不显示对角线

Question

该代码应创建具有对角线的线性渐变。这些线不会显示为对角线，而是显示垂直线，并在侧面显示弯曲的线。

我的代码：

    body {
    background: #fe0000; /* Old browsers */
    background: -moz-linear-gradient(45deg, #fe0000 0%, #fe0000 6%, #fe0000 6%, #ffff01 6%, #ffff01 12%, #ffa401 12%, #ffa401 18%, #008000 18%, #008000 24%, #1613e6 24%, #1613e6 30%, #80007e 30%, #80007e 36%, #000000 36%, #000000 36%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fe0000 0%,#fe0000 6%,#fe0000 
    6%,#ffff01 6%,#ffff01 12%,#ffa401 12%,#ffa401 18%,#008000 18%,#008000 24%,#1613e6 24%,#1613e6 30%,#80007e 30%,#80007e 36%,#000000 36%,#000000 36%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fe0000 0%,#fe0000 6%,#fe0000 6%,#ffff01 6%,#ffff01 12%,#ffa401 12%,#ffa401 18%,#008000 18%,#008000 24%,#1613e6 24%,#1613e6 30%,#80007e 30%,#80007e 36%,#000000 36%,#000000 36%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }