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

Multiple Linear Gradients
http://css3pie.com/forum/viewtopic.php?f=6&t=2028
Page 1 of 1

Author:  Ixonal [ Fri Mar 29, 2013 7:41 am ]
Post subject:  Multiple Linear Gradients

Not quite sure what I'm doing wrong here. From what I can tell, multiple linear gradients are supported, but when I try to implement them, only one shows up (I'm essentially trying to fake an inset box shadow with gradient backgrounds, so need multiples for the different directions). I figure it must just be me being unfamiliar with the gradient syntax because you have those repeating pattern gradients in the examples which use multiple gradients (positioning and repeating aside). Thoughts?

Code:
-pie-background: linear-gradient(to bottom, white 0px, rgb(235,235,245) 25px),
                   linear-gradient(to top, rgb(150,150,150) 0, rgb(235,235,245) 15px);

Author:  jason [ Fri Mar 29, 2013 10:24 am ]
Post subject:  Re: Multiple Linear Gradients

From that code snippet I'd guess that they're both being rendered but one is just covering up the other. Multiple gradients don't really make sense unless you (a) use rgba colors so the top one is semi-transparent (only partially supported in IE < 9), or (b) you use background-size and non-repeating bg layers (not at all supported in IE < 9).

Author:  Ixonal [ Fri Mar 29, 2013 12:15 pm ]
Post subject:  Re: Multiple Linear Gradients

I tried using RGBA values to no avail. I'm trying to fake an inset box shadow, since PIE doesn't render that.

Author:  Ixonal [ Tue Apr 02, 2013 2:31 pm ]
Post subject:  Re: Multiple Linear Gradients

on a related note, getting anywhere with the whole inset border radius issue? I just read through the comments and was curious if anything new came up in the past couple months.

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