Brilliant, that's hit the nail on the head, at least in Safari (both Mac and Win). It doesn't seem to be working in IE9 though. Did I miss something? I can see you've specifically put code in there for -ms-... (That's for IE, right?), so how come not working? :(
On 09/03/2012, at 1:36 AM, Ghodmode wrote: > On Thu, Mar 8, 2012 at 7:57 PM, Ghodmode <ghodm...@ghodmode.com> wrote: > ... >> Look again: >> >> http://www.ghodmode.com/testing/dthorp/zstripes/ >> >> Here's version 2, which should work everywhere necessary, but would require >> you >> to change the image if you changed the row height: >> >> http://www.ghodmode.com/testing/dthorp/zstripes/v2/ >> > ... >> >> I'll also see if I can come up with a version 3 that uses the CSS3 Gradients. > > Here's version 3. Using a CSS3 linear-gradient. As expected, there's > no support in Internet explorer, so I've added some rules that switch > to fixed height and line-height in IE. Enjoy: > > http://www.ghodmode.com/testing/dthorp/zstripes/v3/ > > And I couldn't have figured it out without these: > http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/ > https://developer.mozilla.org/en/CSS/linear-gradient#Browser_compatibility > > -- > Vince Aggrippino > Ghodmode Development > http://www.ghodmode.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
