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/

Reply via email to