background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00F),color-stop(1, #F00)) This? But it remains unchanged <br> body{filter:progid:DXImageTransform.Microsoft.gradient( <br> startcolorstr=#a2e06a,endcolorstr=#fafafa,gradientType=0);} <br> < /style>This does not respond directly <br> <body style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white)"> <br> Nor does it respond. <br> filter: alpha (opacity=opcity, finishopacity=finishopacity, style=style, startX=startX, startY=startY, finishX=finishX, finishY=finishY) I don’t understand this, <br> more 0 </p> <p> </p> <br> <h2>Reply to the discussion (solution)</h2> <p class="sougouAnswer"> Your css is used on IE and cannot be used on Google Chrome <br> Refer to http://www.cnblogs.com /smile-ls/archive/2013/06/03/3115599.html </p> <p class="sougouAnswer"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">.gradient{ width:300px; height:150px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); }</pre><div class="contentsignin">Copy after login</div></div> <br /> <br /> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><div class="gradient"></div></pre><div class="contentsignin">Copy after login</div></div> </p>
