html 背景色渐变,如何实现,小弟我用谷歌的浏览器的
html 背景色渐变,怎么实现,我用谷歌的浏览器的
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00F),color-stop(1, #F00)) 这个?可是不变呢
<style>
body{filter:progid:DXImageTransform.Microsoft.gradient(
startcolorstr=#a2e06a,endcolorstr=#fafafa,gradientType=0);}
</style>这个直接没反应
<body style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white)">
也没反应。
filter:alpha(opacity=opcity,finishopacity=finishopacity, style=style,startX=startX,startY=startY,finishX=finishX, finishY=finishY)这个不懂,
更多 0
------解决思路----------------------
你那个css是用在ie上的,谷歌浏览器不能用
参考http://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html
------解决思路----------------------
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00F),color-stop(1, #F00)) 这个?可是不变呢
<style>
body{filter:progid:DXImageTransform.Microsoft.gradient(
startcolorstr=#a2e06a,endcolorstr=#fafafa,gradientType=0);}
</style>这个直接没反应
<body style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white)">
也没反应。
filter:alpha(opacity=opcity,finishopacity=finishopacity, style=style,startX=startX,startY=startY,finishX=finishX, finishY=finishY)这个不懂,
更多 0
------解决思路----------------------
你那个css是用在ie上的,谷歌浏览器不能用
参考http://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html
------解决思路----------------------
.gradient{
width:300px;
height:150px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5)));
}
<div class="gradient"></div>