Gradients in Opera 11?

HTML & CSS
1

Hello all,

Is there anyway to produce a gradient in Opera 11 and not fall back to a failsafe background color? So far the code is:


background-color:  #4981bf;
background:  -moz-linear-gradient(top, #000000, #2a4d83 60%, #4981bf    90%);
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0,#000000), color-stop(.6, #2a4d83), color-stop(.9, #4981bf));

Any help is appreciated.

PChuprina

2

There’s no vendor-prefix for that feature in Opera. There’s a method to do it with SVG, but that doesn’t seem like a feasible option either. Your call. The safest way to get consistent results in all browsers is by creating them the old fashioned way; using images. Your call. :slight_smile:

3

SVG works for all browsers except IE and IE provides its own way to achieve the same result - see http://www.felgall.com/gradient.htm for an example.

There is no real advantage to doing that instead of just generating an image to do it though.

4

Thanks