I am looking for an html/css solution for making background and/or table color gradients. I have seen this referred to as color fade, color blend, transparency and others but I have yet to find any good solutions. Basically, I want a hexidecimal color like #000080 (blue) to gradually fade to #FFFFFF (white). The end result would be a smooth blue-to-white color transition.
So far, I have found this code works well but I really don't know if this will be compatible with other browsers and even macs.
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
This html can be applied to the body or tables and seems to work well in Internet Explorer. I am not ready to use it because I havn't tested it on anything but Internet Explorer. Is there any other codes/scripts that would work better than this (i.e. a more universal script)? I haven't found any solutions for CSS but I figured if there was one it would be better to use than regular html.
Hopefully this makes sense. If I am barking up the wrong tree and this is not possible, I do have a plan b. Instead of using code to produce this gradient, I can just use an image that has the same fade effect. The only problem is that the image won't scale properly and is a fixed size. I would like this effect to scale with the size of the page because some of my pages have lots of scrolling where others do not (I would like to avoid using multiple jpegs if possible).
Anyway, the best example I can find for this color blending effect (aka gradient) is on the Microsoft main page. Here's some links of the effect I am talking about:
Microsoft Website - Example 1
Microsoft Website - Example 2
The examples above have color fades inside the tables. Resizing the window scales the gradient which it wouldn't do if the fade was an image.
So if there is a simple solution, please let me know. If this isn't possible, I can use an image but I am wondering if there is something I missed or should know. Thanks in advance for any advice!