如何实现Bootstrap中文官网的背景效果?
bootstrap吧
全部回复
仅看楼主
level 3
tanfurui 楼主
如图,那个紫色的背景。
2014年08月13日 08点08分 1
level 1
很简单,剪一条渐变背景,按照y轴平铺!!
2014年08月20日 06点08分 2
或者插入一张这样的背景图片,拉伸填满div
2014年08月20日 06点08分
level 9
我觉得高手应该用CSS来完成。
我自己也只得用一张背景图来完成。
2014年08月20日 08点08分 3
已用CSS3实现
2014年10月09日 06点10分
level 3
tanfurui 楼主
我觉得能用CSS或者JavaScript做的,但是我不知道方法。
2014年08月20日 09点08分 4
level 1
.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;
}
2014年10月06日 17点10分 6
写的不错,赞一个!我后来用F12查看了,官方的做法也是做背景渐变。上面的网格是PNG文件的base64编码。
2014年10月09日 06点10分
1