css如何同时实现左右上下渐变

html-css021

css如何同时实现左右上下渐变,第1张

<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个像素的图片平铺得了

一、从上往下渐变

body{}{

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)"

}

二、从左上至右下渐变

body{}{

FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100)

background-color: skyblue

}

三、从左往右渐变

body{}{

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)"

}