HTML & CSS
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: -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.
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.
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.