• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 352
  • 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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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