On Sun, 29 Jan 2012, Ghodmode <[email protected]> wrote:
IE supports gradients through the non-standard CSS property "filter":
http://msdn.microsoft.com/en-us/library/ms533754.aspx
Here's an example that should work for you cross-browser:
background-color: #3D6554;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#3d6554', EndColorStr='white');
background-image: -webkit-gradient(linear, left top, left bottom,
from(#3d6554), to(white)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #3d6554, white); /*
Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #3d6554, white); /* FF3.6 */
background-image: -ms-linear-gradient(top, #3d6554, white); /* IE10 */
background-image: -o-linear-gradient(top, #3d6554, white); /*
Opera 11.10+ */
background-image: linear-gradient(to bottom, #3d6554, white); */
Vince,
This is amazing! Thank you for your help with this. It works fantastic!
And also thank you for the help with placing it in the container div,
your suggestion was clearly the easier way to approach this.
This really can replace most .gif files that are being used as
backgrounds in a cross-browser friendly way. I will explore this for a
webpage background also.
I am getting closer to adding the final touches on the page. Next, I
need to get rid of some of the text on the page, too many words....
http://www.broadstonere.com/index_test_3.php
my best
patrice
______________________________________________________________________
css-discuss [[email protected]]
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/
