3个回答
展开全部
<style type="text/css">
.divbglg {
height:130px;
width:100%;
background: -webkit-linear-gradient(#065eff, #fff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#065eff, #fff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#065eff, #fff); /* Firefox 3.6 - 15 */
background: linear-gradient(#065eff, #fff); /* 标准的语法,必须放最后 */
}
</style>
</head>
<body>
<div class="divbglg"></div>
</body>
我设置的是蓝色过渡到白色，并没有你所说的中间一条线啊！楼上那个兄弟所推荐的方法并没错，有问题的话可能是浏览器的问题，实在不行，你就直接做成1个像素的图片平铺得了
追问
我的问题是上下左右同时渐变，并不是单一的上下或者左右渐变，你看我的图片右侧蓝色比左边要深些
追答
噢。。。明白了，你图片左右不太明显，也没仔细看清楚提问，你这个问题用单独一个样式解决不了，但是啊，你可以用2个啊，一个做蓝色到白色的上下渐变，一个做白色半透明把上面的遮盖一下，看下面我写的样式
<style type="text/css">
.divbglg01 {
height:130px;
width:100%;
background: -webkit-linear-gradient(#065eff, #fff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#065eff, #fff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#065eff, #fff); /* Firefox 3.6 - 15 */
background: linear-gradient(#065eff, #fff); /* 标准的语法,必须放最后 */
}
.divbglg02 {
height:130px;
width:100%;
background: -webkit-linear-gradient(90deg,rgba(0,0,0,0.2), rgba(255,255,255,0.2)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg,rgba(0,0,0,0.2), rgba(255,255,255,0.2)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg,rgba(0,0,0,0.2), rgba(255,255,255,0.2)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg,rgba(255,255,255,0.5), rgba(255,255,255,0)); /* 标准的语法,必须放最后 */
}
</style>
</head>
<body>
<div class="divbglg01">
<div class="divbglg02"></div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2019-01-30 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
参考这个代码：
<style>
body{width:100%;margin: 0 auto;height:100%;min-height:300px;background:-webkit-linear-gradient(left,#9fcdf6,#497ed0) ;}
.container{width:100%;padding-top:250px;min-height:600px;background:-webkit-linear-gradient(top,#9fcdf6,#497ed0);}
</style>
<div class="container"></div>
追问
你说的这种方法应该是指：横纵向重叠，只能适用于颜色相差不是特别大的情况下，不然瑕疵就会更明显，如下图，会有一条淡淡的细线，如果横向渐变色差更大，这就会更明显，还有更好的方法吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background: -moz-linear-gradient(top, #041d2a, #1379ab);
background: -webkit-gradient(linear,top,from(#041d2a),to(#1379ab));
background: -webkit-linear-gradient(top, #041d2a, #1379ab);
background: -o-linear-gradient(top, #041d2a, #1379ab);
background: -moz-linear-gradient(left, #041d2a, #1379ab);
background: -webkit-gradient(linear,left,from(#041d2a),to(#1379ab));
background: -webkit-linear-gradient(left, #041d2a, #1379ab);
background: -o-linear-gradient(left, #041d2a, #1379ab);
background: -webkit-gradient(linear,top,from(#041d2a),to(#1379ab));
background: -webkit-linear-gradient(top, #041d2a, #1379ab);
background: -o-linear-gradient(top, #041d2a, #1379ab);
background: -moz-linear-gradient(left, #041d2a, #1379ab);
background: -webkit-gradient(linear,left,from(#041d2a),to(#1379ab));
background: -webkit-linear-gradient(left, #041d2a, #1379ab);
background: -o-linear-gradient(left, #041d2a, #1379ab);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
