CSS3 PIE Forums
http://css3pie.com/forum/

linear-gradient not working
http://css3pie.com/forum/viewtopic.php?f=6&t=2019
Page 1 of 1

Author:  chunty [ Wed Mar 20, 2013 10:44 am ]
Post subject:  linear-gradient not working

I have the following css:
float:left;
width:201px;
background: #7F8E19;
background: -moz-linear-gradient(top, #B6BC71 0%, #8B9726 50%, #7F8E19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6BC71), color-stop(50%,#8B9726), color-stop(100%,#7F8E19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* IE10+ */
background: linear-gradient(to bottom, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* W3C */
-pie-background: linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%);
border: 3px solid #80900D;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
behavior: url(css/pie/PIE.htc);
zoom:1;
position: relative;

I'm getting the borders but the gradient is not working (it does with v1)

Thanks
Chris

Author:  jason [ Wed Mar 20, 2013 11:37 am ]
Post subject:  Re: linear-gradient not working

PIE 2 uses the final gradient syntax ("to side" etc.) so you must update your -pie-background to the new syntax.

Author:  chunty [ Thu Mar 21, 2013 4:35 am ]
Post subject:  Re: linear-gradient not working

Awesome thanks for the tip. Is there anywhere we can find out about the changes like this beta?

C

Author:  jason [ Thu Mar 21, 2013 7:54 am ]
Post subject:  Re: linear-gradient not working

Differences are all mentioned in the documentation, for example http://css3pie.com/documentation/suppor ... #gradients says "PIE 1.0 uses the old 2011 working draft syntax, whereas PIE 2.0 beta uses the final syntax."

If you want a consolidated change log then the announcement blog post is a good source: http://css3pie.com/2013/01/28/pie-2-0-beta-1-released/

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/