如图，那个紫色的背景。

很简单，剪一条渐变背景，按照y轴平铺！！

我觉得高手应该用CSS来完成。
我自己也只得用一张背景图来完成。

我觉得能用CSS或者JavaScript做的，但是我不知道方法。

.jumbotron {
background: #020031;
background: -moz-linear-gradient(45deg,#020031 0,#6d3353 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#020031),color-stop(100%,#6d3353));
background: -webkit-linear-gradient(45deg,#020031 0,#6d3353 100%);
background: -o-linear-gradient(45deg,#020031 0,#6d3353 100%);
background: -ms-linear-gradient(45deg,#020031 0,#6d3353 100%);
background: linear-gradient(45deg,#020031 0,#6d3353 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=*#020031*, endColorstr=*#6d3353*, GradientType=1);
}
另外还有一个透明的图层在上一个样式的上方
.jumbotron:after {
background: url(
) repeat center center;
opacity: .4;
}