Forums
View unanswered posts | View active topics It is currently Wed Jul 23, 2014 10:17 am



Reply to topic  [ 4 posts ] 
 linear-gradient not working 
Author Message

Joined: Wed Mar 20, 2013 10:41 am
Posts: 2
Post 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


Wed Mar 20, 2013 10:44 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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.


Wed Mar 20, 2013 11:37 am
Profile

Joined: Wed Mar 20, 2013 10:41 am
Posts: 2
Post Re: linear-gradient not working
Awesome thanks for the tip. Is there anywhere we can find out about the changes like this beta?

C


Thu Mar 21, 2013 4:35 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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/


Thu Mar 21, 2013 7:54 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: No registered users and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.