> By taking David L. suggestion: > > About the CSS3 options, if you need to play on the background with both, > image and gradient, this may work: > > I.e - an image on our background, on the bottom left of a given container, > and a gradient from right to left. > > background-color: #f6f6f6; > background-position: bottom left; > background-repeat: no-repeat; > background-image: url(image_url); /*so that if the browser doesn't support > the next lines, the image still appears */ > background-image: url(image_url), -webkit-gradient(linear, right, left, > from(#f6f6f6), to(#fff)); /* Saf4+, Chrome */ > background-image: url(image_url), -webkit-linear-gradient(right, #f6f6f6, > #fff); /* Chrome 10+, Saf5.1+ */ > background-image: url(image_url), -moz-linear-gradient(right, #f6f6f6, > #fff); /* FF3.6+ */ > background-image: url(image_url), -ms-linear-gradient(right, #f6f6f6, > #fff); /* IE10 */ > background-image: url(image_url), -o-linear-gradient(right, #f6f6f6, > #fff); /* Opera 11.10+ */ > background-image: url(image_url), linear-gradient(to right, #f6f6f6, #fff); > > Cheers, > mem
Correction - this will work: background-color: #f6f6f6; background-position: bottom left; background-repeat: no-repeat; /* ---> added*/ background-image: url(image_url); /*so that if the browser doesn't support the next lines, the image still appears */ background-image: url(image_url), -webkit-gradient(linear, right, left, from(#f6f6f6), to(#fff)); /* Saf4+, Chrome */ background-image: url(image_url), -webkit-linear-gradient(right, #f6f6f6, #fff); /* Chrome 10+, Saf5.1+ */ background-image: url(image_url), -moz-linear-gradient(right, #f6f6f6, #fff); /* FF3.6+ */ background-image: url(image_url), -ms-linear-gradient(right, #f6f6f6, #fff); /* IE10 */ background-image: url(image_url), -o-linear-gradient(right, #f6f6f6, #fff); /* Opera 11.10+ */ /* ---> added the to*/ background-image: url(image_url), linear-gradient(to right, #f6f6f6, #fff); Cheers, mem ______________________________________________________________________ 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/
