css - CSS3 radial background, is there a cheat for it? -
background: #008080; /* old browsers */ background: -moz-radial-gradient(center, ellipse cover, #008080 0%, #0896a5 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#008080), color-stop(100%,#0896a5)); /* chrome,safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* chrome10+,safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* ie10+ */ background: radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#008080', endcolorstr='#0896a5',gradienttype=1 ); /* ie6-9 fallback on horizontal gradient */
i want background webpage doesn't seem work untill add 100% width , height *
so: * { width: 100%; height: 100%; }
mess rest of page. there cheat still obtain effect?
set background-attachment
fixed
:
background: radial-gradient(cover, #008080 0%, #0896a5 100%) fixed;
Comments
Post a Comment