Home >Web Front-end >HTML Tutorial >How to achieve html background color gradient? I use Google browser's _html/css_WEB-ITnose
How to achieve html background color gradient? I use Google browser's _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:53:141327browse
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00F),color-stop(1, #F00)) This? But it remains unchanged
c9ccee2e6ea535a969eb3f532ad9fe89
body{filter:progid:DXImageTransform.Microsoft.gradient(
startcolorstr=#a2e06a,endcolorstr=#fafafa,gradientType=0);}
74e107ac60256a5e268d6d598f0bdef1This does not respond directly
9161dc8195299767228a2aca87a9f5d1
Nor does it respond.
filter: alpha (opacity=opcity, finishopacity=finishopacity, style=style, startX=startX, startY=startY, finishX=finishX, finishY=finishY) I don’t understand this,
more 0
Reply to the discussion (solution)
Your css is used on IE and cannot be used on Google Chrome
Refer to 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>