• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 345
  • Last Modified:

Gradient background??

Anyone know how to produce a graduated background without using a background image?  Is this possible?

Thanks,

Rob.
0
rgoggins
Asked:
rgoggins
1 Solution
 
alexhoganCommented:
If you are using IE exclusively you can use the style tag to create a gradient background effect within your web page. This effect can be used for your entire web page background, or within your table cells.

To use the gradient effect as your web page background, use the following BODY tag:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

To use the gradient effect within your tables, place the following code within your table tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"

Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.

If you want a javascript solution;
http://www.24fun.com/downloadcenter/bggradient/bggradient.html


0
 
rgogginsAuthor Commented:
Brilliant, thanks again Alex. :))
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now