linear-gradient失效，请问CSS代码哪里有问题？

.sky {

    width: 100%;

    height: 600px;

    background-image: -webkit-linear-gradient( rgb(196, 228, 253), rgb(255, 255, 255));

    background-image: -moz-linear-gradient( rgb(196, 228, 253), rgb(255, 255, 255));

    background-image: -o-linear-gradient(rgb(196, 228, 253), rgb(255, 255, 255));

    background-image: linear-gradient( rgb(196, 228, 253), rgb(255, 255, 255));

}

.grass {

    width: 100%;

    height: 400px;

    background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(148, 190, 89));

    background: -moz-linear-gradient(bottom, rgb(255, 255, 255), rgb(148, 190, 89));

    background: -o-linear-gradient(bottom, rgb(255, 255, 255), rgb(148, 190, 89));

    background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(148, 190, 89));

}

img {

    width: 200px;

    height: 200px;

}